:root {
  /* ── CAMADA 1 · PRIMITIVOS ─────────────────────────────── */
  /* Guardian Blue */
  --blue-50:  #EEF5F9; --blue-100: #D1E8F5; --blue-200: #9BBDD4;
  --blue-300: #5E8DAE; --blue-400: #427DA8; --blue-500: #2D6690;
  --blue-600: #1F4F73; --blue-700: #173F5F; --blue-800: #0D2A3F;
  --blue-900: #000F19;
  /* Secure Green */
  --green-50:  #E6FBF5; --green-100: #BBFAEA; --green-200: #83F0CF;
  --green-300: #4DE0B4; --green-400: #00E9A5; --green-500: #00C98C;
  --green-600: #009E6F; --green-700: #007354; --green-800: #004D38;
  --green-900: #003D2B;
  /* Neutros e brancos */
  --white-0:   #FEFDFD; --white-100: #F1F2F2;
  --gray-200:  #E5E5E5; --gray-300:  #D1D5D6; /* Reading Gray */
  --gray-400:  #A3A3A3; /* Support Gray · texto de apoio */
  --gray-600:  #525252; --gray-800:  #262626;
  /* Complementares (editorial e data viz, nunca UI de estado) */
  --rose-400:   #E90058; /* complementar direta do Online Green */
  --violet-400: #8B5CF6;
  --cyan-400:   #22D3EE;
  /* Status */
  --amber-400: #F59E0B; --amber-600: #D97706; --amber-900: #78350F;
  --red-400:   #EF4444; --red-600:   #DC2626; --red-900:   #7F1D1D;
  --sky-400:   #60A5FA; --sky-600:   #2563EB; --sky-900:   #1E3A8A;

  /* ── CAMADA 2 · SEMÂNTICOS ─────────────────────────────── */
  /* Superfícies (elevação por camada, não por sombra) */
  --surface-base:    var(--blue-900);   /* nível 0 · página */
  --surface-raised:  #040F1A;           /* nível 1 · cards e painéis */
  --surface-sunken:  #010B12;           /* nível -1 · poços, campos, código */
  --surface-band:    var(--blue-800);   /* faixa alternada, uso pontual */
  --surface-overlay: rgba(0,15,25,0.7); /* nível 2 · scrim de modal */
  /* Texto */
  --text-title: var(--white-100);
  --text-body:  var(--gray-300);
  --text-soft:  var(--gray-400);      /* apoio neutro · azul proibido em texto de apoio */
  --text-accented: var(--blue-200);   /* uso pontual em labels, nunca parágrafo */
  --text-label: var(--gray-200);   /* labels e captions neutros · azul claro proibido em texto */
  --text-oncta: var(--blue-900);
  /* Ação e acento */
  --accent:        var(--green-400);
  --accent-hover:  var(--green-300);
  --accent-press:  var(--green-500);
  --accent-deep:   var(--green-800);
  /* Transparências do acento */
  --accent-a04: rgba(0,233,165,0.04); --accent-a08: rgba(0,233,165,0.08);
  --accent-a15: rgba(0,233,165,0.15); --accent-a25: rgba(0,233,165,0.25);
  --accent-a40: rgba(0,233,165,0.40);
  /* Bordas */
  --line:        rgba(155,189,212,0.12);
  --line-strong: rgba(155,189,212,0.24);
  --line-accent: var(--accent-a25);
  --line-focus:  var(--green-300);
  /* Status semântico */
  --status-protected: var(--green-400);
  --status-alert:     var(--amber-400);
  --status-error:     var(--red-400);
  --status-intel:     var(--sky-400);

  /* ── FUNDAÇÕES NÃO-CROMÁTICAS ──────────────────────────── */
  /* Espaço · base 4px */
  --sp-1: 4px;  --sp-2: 8px;  --sp-3: 12px; --sp-4: 16px;
  --sp-5: 20px; --sp-6: 24px; --sp-8: 32px; --sp-10: 40px;
  --sp-12: 48px; --sp-16: 64px; --sp-20: 80px; --sp-24: 96px;
  /* Raio */
  --r-sm: 6px; --r-md: 8px; --r-lg: 12px; --r-xl: 18px; --r-pill: 100px;
  /* Tipografia · Roboto */
  --font-sans: "Roboto", ui-sans-serif, system-ui, -apple-system, sans-serif;
  --font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --fs-display: clamp(40px, 6vw, 72px);
  --fs-h1: clamp(36px, 5vw, 56px);
  --fs-h2: clamp(30px, 4vw, 44px);
  --fs-h3: 20px; --fs-lead: 18px; --fs-body: 16px;
  --fs-small: 14px; --fs-micro: 12px;
  --fw-body: 400;
  /* Movimento */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-fast: 0.15s; --dur-base: 0.3s; --dur-slow: 0.7s;
  /* Camadas de empilhamento */
  --z-raised: 1; --z-nav: 20; --z-dropdown: 30; --z-overlay: 40;
  --z-modal: 50; --z-toast: 60; --z-tooltip: 70;
  /* Brilho */
  --glow-card: 0 0 0 1px var(--accent-a08), 0 8px 24px rgba(0,0,0,0.3);
  --glow-focus: 0 0 0 3px var(--accent-a25);
  --max: 1180px;
}

html[data-theme="light"] {
  color-scheme: light;
  --surface-base: #FDFCFC; --surface-raised: #F1F2F2; --surface-sunken: #E5E5E5;
  --surface-band: #E7EDF2; --surface-overlay: rgba(253,252,252,0.7);
  --text-title: #000F19; --text-body: #262626; --text-soft: #525252;
  --text-label: #3F474C; --text-accented: #173F5F; --text-oncta: #FDFCFC;
  --accent: #009E6F; --accent-hover: #00C98C; --accent-press: #007354; --accent-deep: #BBFAEA;
  --accent-a04: rgba(0,158,111,0.04); --accent-a08: rgba(0,158,111,0.08);
  --accent-a15: rgba(0,158,111,0.15); --accent-a25: rgba(0,158,111,0.25);
  --accent-a40: rgba(0,158,111,0.40);
  --line: rgba(13,42,63,0.12); --line-strong: rgba(13,42,63,0.24);
  --line-accent: rgba(0,158,111,0.35); --line-focus: #009E6F;
  --status-protected: #009E6F; --status-alert: #D97706; --status-error: #DC2626; --status-intel: #2563EB;
  --glow-card: 0 0 0 1px rgba(0,158,111,0.06), 0 8px 24px rgba(13,42,63,0.10);
  --glow-focus: 0 0 0 3px rgba(0,158,111,0.25);
  --white-0: #000F19; /* papel semântico: tinta sobre vidro */
}