/* ============================================================
   01-TOKENS · Design system (cores, tipografia, raios, temas)
   Edite AQUI para mudar a identidade visual global.
   ============================================================ */
:root{
  /* Midnight base (tema escuro = padrão) */
  --bg:#0A0C11;
  --bg-grad-1:rgba(217,182,115,0.05);
  --bg-grad-2:rgba(91,157,255,0.04);
  --surface:#11151D;
  --surface-2:#161B25;
  --surface-3:#1C222E;
  --border:rgba(255,255,255,0.055);
  --border-strong:rgba(255,255,255,0.10);
  --text:#EAECEF;
  --text-2:#9BA3B0;
  --text-3:#646C7A;
  /* Champagne — assinatura */
  --gold:#D9B673;
  --gold-bright:#ECCB8A;
  --gold-dim:rgba(217,182,115,0.14);
  /* Status funcionais */
  --emerald:#3FCF8E;  --emerald-dim:rgba(63,207,142,0.13);
  --rose:#F0617A;     --rose-dim:rgba(240,97,122,0.13);
  --blue:#5B9DFF;     --blue-dim:rgba(91,157,255,0.13);
  --violet:#A98BF5;
  --amber:#F0B662;
  /* Tipografia */
  --font-display:'Space Grotesk',system-ui,sans-serif;
  --font-body:'Inter',system-ui,sans-serif;
  --font-mono:'JetBrains Mono',monospace;
  /* Raios e sombra */
  --r-sm:8px; --r-md:12px; --r-lg:16px; --r-xl:20px;
  --shadow:0 1px 2px rgba(0,0,0,.4),0 8px 28px -8px rgba(0,0,0,.55);
  --topbar-bg:rgba(10,12,17,.72);
  --scroll-thumb:#272e3a; --scroll-thumb-h:#323b49;
  --overlay:rgba(5,7,11,.66);
}

/* ============ TEMA CLARO — "Daylight & Champagne" ============ */
[data-theme="light"]{
  --bg:#F3F4F7;
  --bg-grad-1:rgba(217,182,115,0.11);
  --bg-grad-2:rgba(91,157,255,0.06);
  --surface:#FFFFFF;
  --surface-2:#F7F8FA;
  --surface-3:#EDEFF3;
  --border:rgba(16,20,28,0.085);
  --border-strong:rgba(16,20,28,0.15);
  --text:#161A21;
  --text-2:#515A68;
  --text-3:#878F9C;
  --gold:#A87E37;
  --gold-bright:#C0934A;
  --gold-dim:rgba(168,126,55,0.12);
  --emerald:#12A263;  --emerald-dim:rgba(18,162,99,0.11);
  --rose:#DE3F5B;     --rose-dim:rgba(222,63,91,0.10);
  --blue:#2C70E6;     --blue-dim:rgba(44,112,230,0.10);
  --violet:#7A57DE;
  --amber:#BD7C16;
  --shadow:0 1px 2px rgba(16,20,28,.06),0 10px 30px -12px rgba(16,20,28,.16);
  --topbar-bg:rgba(255,255,255,.78);
  --scroll-thumb:#cfd4dc; --scroll-thumb-h:#bcc2cc;
  --overlay:rgba(28,33,42,.42);
}