/* ==========================================================================
   HANGARE AI LABS — TOKENS VISUAIS & VARIÁVEIS DE SISTEMA (V3)
   Padrão: Sheets Editoriais + Movimentos Dinâmicos de Alto Padrão (Accelera 360 UX)
   Identidade: Deep Navy Oficial (#04233E), Emerald (#00A094), Glow Teal (#00E5CC)
   ========================================================================== */

:root {
  /* Tipografia do Sistema */
  --f-h: 'IBM Plex Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --f-b: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --f-s: 'Instrument Serif', Georgia, serif;
  --f-m: 'JetBrains Mono', monospace;

  /* Curvas de Animação Easing Cúbico */
  --ease: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --dur-fast: 200ms;
  --dur-med: 400ms;
  --dur-slow: 700ms;

  /* Tema Escuro (Padrão Flagship — Deep Tech Luxury) */
  --paper: #030812;
  --sheet: rgba(6, 16, 31, 0.88);
  --sheet-solid: #06101f;
  --card: #09172d;
  --card-hover: #0c203d;
  --soft: #0e2445;
  --tint: rgba(0, 229, 204, 0.06);

  --ink: #F8FAFC;
  --ink-secondary: #CBD5E1;
  --body: #94A3B8;
  --muted: #64748B;
  --faint: #334155;
  
  --line: rgba(255, 255, 255, 0.08);
  --line-accent: rgba(0, 229, 204, 0.25);
  --edge: rgba(255, 255, 255, 0.06);

  --accent: #00E5CC;
  --accent-glow: rgba(0, 229, 204, 0.35);
  --emerald: #00A094;
  --navy-deep: #04233E;
  --cyan-bright: #38BDF8;
  --gold-accent: #F59E0B;

  --bar-bg: rgba(6, 16, 31, 0.85);
  --lattice: repeating-linear-gradient(45deg, rgba(0, 229, 204, 0.025) 0 1px, transparent 1px 24px),
            repeating-linear-gradient(-45deg, rgba(0, 229, 204, 0.025) 0 1px, transparent 1px 24px);
}

/* Tema Claro (Papel Nobre Suíço & Navy Corporativo) */
:root[data-theme="light"],
html.light {
  --paper: #F6F7F9;
  --sheet: rgba(255, 255, 255, 0.95);
  --sheet-solid: #FFFFFF;
  --card: #FFFFFF;
  --card-hover: #F8FAFC;
  --soft: #F1F5F9;
  --tint: rgba(0, 160, 148, 0.06);

  --ink: #04233E;
  --ink-secondary: #1E293B;
  --body: #475569;
  --muted: #64748B;
  --faint: #CBD5E1;

  --line: rgba(4, 35, 62, 0.08);
  --line-accent: rgba(0, 160, 148, 0.3);
  --edge: rgba(4, 35, 62, 0.06);

  --accent: #008D81;
  --accent-glow: rgba(0, 141, 129, 0.25);
  --emerald: #00A094;
  --navy-deep: #04233E;
  --cyan-bright: #0284C7;
  --gold-accent: #D97706;

  --bar-bg: rgba(255, 255, 255, 0.92);
  --lattice: repeating-linear-gradient(45deg, rgba(4, 35, 62, 0.02) 0 1px, transparent 1px 24px),
            repeating-linear-gradient(-45deg, rgba(4, 35, 62, 0.02) 0 1px, transparent 1px 24px);
}