/* =========================================================================
   Mandatus Data — paleta
   Toda a escala neutra é derivada da cor primária #0B111E
   (HSL 221°, 46%, 8%): mesma matiz, variando saturação e luminosidade.
   O azul de destaque é a mesma matiz 221° levada a alta saturação.
   ========================================================================= */
:root {
  /* --- primária e superfícies (matiz 221°) --- */
  --brand-980: #060a11; /* fundo mais profundo, sombras */
  --brand-950: #0b111e; /* PRIMÁRIA — menu lateral, chrome */
  --brand-900: #0f1627; /* cartões sobre a primária */
  --brand-850: #151d30; /* hover de cartão */
  --brand-800: #1b2439; /* superfície elevada */
  --brand-700: #28334b; /* bordas */
  --brand-600: #3c4a67; /* bordas em destaque */
  --brand-500: #586789; /* texto desabilitado */
  --brand-400: #808daa; /* texto secundário */
  --brand-300: #a8b2c7; /* texto terciário claro */
  --brand-200: #cfd6e5; /* texto sobre fundo escuro */
  --brand-100: #e9edf7; /* texto principal */

  /* --- destaque (mesma matiz, saturada) --- */
  --accent-700: #1b47a7;
  --accent-600: #1856dc;
  --accent-500: #3671f2; /* ação primária */
  --accent-400: #6292f8; /* números, links, foco */
  --accent-300: #92b3fc;
  --accent-ghost: rgba(54, 113, 242, 0.14);

  /* --- semânticos --- */
  --ok: #16a874;
  --warn: #e0a63a;
  --danger: #d9483b;

  /* --- aliases de uso --- */
  --ink: var(--brand-950);
  --panel: var(--brand-900);
  --panel-2: var(--brand-850);
  --line: var(--brand-700);
  --line-2: var(--brand-600);
  --text: var(--brand-100);
  --muted: var(--brand-400);
  --accent: var(--accent-500);
  --accent-soft: var(--accent-400);

  /* --- escala de quartis (semântica de dados, harmonizada) --- */
  --q1: #1b2439; /* menor  — navy da marca */
  --q2: #d9483b; /* baixo  — vermelho */
  --q3: #3671f2; /* alto   — azul da marca */
  --q4: #16a874; /* maior  — verde */

  /* --- forma e tipografia --- */
  --radius: 14px;
  --radius-sm: 10px;
  --side-w: 372px;
  --sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --display: "Archivo", var(--sans);
  --mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  --shadow: 0 18px 44px rgba(6, 10, 17, 0.55);
}