/* =============================================================================
   tokens.css — Design tokens do SurfboardID (fonte única da verdade)
   -----------------------------------------------------------------------------
   • Apenas custom properties em :root. NENHUM seletor de componente aqui.
   • Global e inofensivo: definir variáveis não muda nada até serem consumidas.
   • Cópia sem edição do mesmo arquivo usado em Qnt.SurfBoardID.Web
     (wwwroot/css/theme/tokens.css) — dá continuidade de marca entre a land
     page, a aplicação e a página pública da prancha (Task 07).
   • Origem: prancheta do Claude Design (2026-07). Não editar valores sem passar
     pela prancheta de tokens — divergir daqui divergiria também da aplicação.
   ========================================================================== */
:root{
  /* ---- Brand (locked) ---- */
  --brand-primary:#354b60;
  --brand-primary-600:#2b3d4f;   /* hover  */
  --brand-primary-700:#223140;   /* active/pressed */
  --brand-primary-050:#eceff3;   /* tint bg */
  --brand-primary-100:#d7dde5;
  --brand-slate:#4b6480;
  --brand-slate-600:#3d5468;
  --surface-dark:#1c1c1c;
  --surface-dark-2:#252525;

  /* ---- Cool neutrals (blue-tinted, no warm cream) ---- */
  --n-0:#ffffff;   --n-25:#f6f8fb;  --n-50:#eef2f7;  --n-100:#e3e9f1;
  --n-150:#d4dce7; --n-200:#c2cdda; --n-300:#9fadc0; --n-400:#7c8ba1;
  --n-500:#5d6b80; --n-600:#465468; --n-700:#33415a; --n-800:#232f42;
  --n-900:#161e2b; --n-950:#0e131c;

  /* ---- Semantic (cool-harmonized) ---- */
  --success:#1f8a5b;  --success-bg:#e4f4ec;  --success-border:#bfe6d3;
  --warning:#b7791f;  --warning-bg:#faf1df;  --warning-border:#ecd6a8;
  --danger:#c73e4c;   --danger-bg:#fbe9eb;   --danger-border:#f0c4ca;
  --info:#0056b3;     --info-bg:#e6f0fb;     --info-border:#cfe1f6;

  /* ---- Typography ---- */
  --font-display:'Kanit',system-ui,sans-serif;
  --font-body:'DM Sans',system-ui,sans-serif;
  --font-mono:'JetBrains Mono',ui-monospace,monospace;
  --fs-display:44px; --lh-display:1.05;
  --fs-h1:32px; --fs-h2:26px; --fs-h3:21px; --fs-h4:17px; --fs-h5:15px;
  --fs-body-lg:16px; --fs-body:14px; --fs-body-sm:13px;
  --fs-caption:12px; --fs-overline:11px;
  --lh-tight:1.15; --lh-snug:1.35; --lh-normal:1.55;
  --tracking-tight:-0.01em; --tracking-wide:0.06em; --tracking-caps:0.10em;

  /* ---- Spacing (4px base) ---- */
  --sp-0:0; --sp-1:2px; --sp-2:4px; --sp-3:8px; --sp-4:12px; --sp-5:16px;
  --sp-6:20px; --sp-7:24px; --sp-8:32px; --sp-9:40px; --sp-10:48px; --sp-12:64px;

  /* ---- Radii ---- */
  --r-sm:4px; --r-md:8px; --r-lg:12px; --r-xl:16px; --r-pill:999px;

  /* ---- Shadows (navy-tinted) ---- */
  --sh-sm:0 1px 2px rgba(28,44,68,.08);
  --sh-md:0 2px 8px rgba(28,44,68,.10);
  --sh-lg:0 10px 28px rgba(28,44,68,.13);
  --sh-xl:0 18px 46px rgba(28,44,68,.18);
  --sh-focus:0 0 0 3px rgba(0,86,179,.28);
}