/* ==========================================================
   Version2 — tokens de design compartilhados
   Usados pelo site (src/styles/global.css) e pelo V2 DNS (platform/).
   A cor da marca vem do logotipo vetorial (#2A4597).
   Para trocar a cor oficial, altere apenas --brand.
   ========================================================== */

:root {
  --brand: #2a4597;
  --brand-strong: #1f3577;
  --brand-tint: #e8ecf7;

  --ink: #0e1a33;
  --ink-2: #3c4a63;
  --ink-3: #5e6b82;

  --paper: #ffffff;
  --surface: #f2f4f8;
  --line: #d9dee8;
  --line-strong: #b9c1d1;

  --ok: #1e7a4f;
  --ok-tint: #e3f2ea;
  --dev: #8a5600;
  --dev-tint: #fbf0dc;
  --planned: #5e6b82;
  --planned-tint: #eceff4;
  --error: #b42318;
  --error-tint: #fdecea;

  --font-sans: 'IBM Plex Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace;

  /* Escala tipográfica modular (razão 1.25) sobre 17px */
  --t-sm: 0.875rem;
  --t-base: 1.0625rem;
  --t-md: 1.25rem;
  --t-lg: 1.5625rem;
  --t-xl: 2.25rem;
  --t-2xl: clamp(2.25rem, 1.5rem + 3.2vw, 4rem);

  --s-1: 0.5rem;
  --s-2: 1rem;
  --s-3: 1.5rem;
  --s-4: 2rem;
  --s-5: 3rem;
  --s-6: 4.5rem;
  --s-7: clamp(4rem, 3rem + 5vw, 7.5rem);

  --max: 76rem;
  --gutter: clamp(1rem, 0.5rem + 2.5vw, 2.5rem);
  --radius: 6px;
  --radius-lg: 10px;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --brand: #7f9ae6;
    --brand-strong: #a3b7f0;
    --brand-tint: #1a2645;

    --ink: #e8ecf5;
    --ink-2: #b6bfd1;
    --ink-3: #8d97ab;

    --paper: #0c1428;
    --surface: #121c34;
    --line: #233154;
    --line-strong: #34446b;

    --ok: #5fcf96;
    --ok-tint: #12301f;
    --dev: #e5b45c;
    --dev-tint: #33260d;
    --planned: #8d97ab;
    --planned-tint: #1b2440;
    --error: #ff8a80;
    --error-tint: #3a1414;
  }
}
/* Escolha manual no painel (botão de tema): vale mesmo com o sistema claro. */
:root[data-theme="dark"] {
    --brand: #7f9ae6;
    --brand-strong: #a3b7f0;
    --brand-tint: #1a2645;

    --ink: #e8ecf5;
    --ink-2: #b6bfd1;
    --ink-3: #8d97ab;

    --paper: #0c1428;
    --surface: #121c34;
    --line: #233154;
    --line-strong: #34446b;

    --ok: #5fcf96;
    --ok-tint: #12301f;
    --dev: #e5b45c;
    --dev-tint: #33260d;
    --planned: #8d97ab;
    --planned-tint: #1b2440;
    --error: #ff8a80;
    --error-tint: #3a1414;
  }

:root[data-theme="dark"] { color-scheme: dark; }
:root[data-theme="light"] { color-scheme: light; }