/* ============================================================================
   brand-tokens.css — SISTEMA DE TOKENS ÚNICO da marca Cycles BloodWork.
   Branco + dourado, CLARO-primeiro (padrão). Noturno = [data-theme="dark"] (toggle).
   Fonte da verdade dos tokens de MARCA (fontes, raios, bg, texto, dourado, superfícies).
   IMPORTANTE: as cores SEMÂNTICAS de marcador (--green/--red/--amber/--blue) NÃO ficam aqui —
   elas codificam resultado (normal/alto/baixo) e vivem em cada tela com valores REAIS.
   ============================================================================ */
:root{
  /* Tipografia + cantos */
  --sans:"Manrope",system-ui,-apple-system,sans-serif;
  --display:"Playfair Display",Georgia,serif;
  --r-pill:999px; --r-card:18px; --r-control:12px;
  /* Espaçamento (escala 4/8), z-index e movimento — independentes de tema */
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:24px; --sp-6:32px; --sp-7:48px; --sp-8:64px;
  --z-nav:40; --z-overlay:56; --z-drawer:57; --z-modal:80; --z-toast:90; --z-tip:100;
  --dur-fast:.15s; --dur:.22s; --dur-slow:.4s; --ease:cubic-bezier(.2,.7,.2,1); --ease-out:cubic-bezier(.2,.8,.2,1);
  /* CLARO / branco + dourado (PADRÃO do produto) */
  --bg:#fcfaf5; --bg-2:#f4efe4; --card-solid:#ffffff;
  --card:#ffffff; --card-2:#faf6ec; --field:#ffffff;
  --line:rgba(45,36,10,.09); --line-2:rgba(45,36,10,.16);
  --text:#1b1710; --muted:#6b6250; --faint:#a99e86; --hint:#8c8371;
  --gold:#c9962a; --gold-bright:#e6b64e; --gold-deep:#9a7414; --gold-dim:#b08a2e;
  --gold-rgb:201,150,42; /* triplo p/ rgba(var(--gold-rgb),a) em acentos/glows tema-aware */
  --gold-soft:#f7eed6; --gold-line:#e7d6a6; --gold-ink:#241a04;
  --tint:0,0,0; --bar:rgba(252,250,245,.82);
  /* Brilho do botão dourado (suave no claro) + sombras leves */
  --btn-glow:0 6px 20px rgba(201,150,42,.28); --btn-glow-hover:0 12px 34px -10px rgba(201,150,42,.5);
  --card-shadow:0 1px 3px rgba(45,36,10,.06);
  --shadow-sm:0 1px 3px rgba(45,36,10,.06); --shadow-md:0 6px 22px -8px rgba(45,36,10,.14); --shadow-lg:0 30px 70px -30px rgba(45,36,10,.28);
}
:root[data-theme="dark"]{
  /* ESCURO / noturno (opção via toggle) */
  --bg:#0b0a06; --bg-2:#15110a; --card-solid:#161106;
  --card:#161106; --card-2:#201a0e; --field:#141009;
  --line:rgba(255,240,200,.11); --line-2:rgba(255,240,200,.2);
  --text:#fbf7ee; --muted:#b2a88f; --faint:rgba(251,247,238,.5); --hint:#8a8168;
  --gold:#f2c34e; --gold-bright:#ffdd82; --gold-deep:#f6d071; --gold-dim:#d8a24a;
  --gold-rgb:242,195,78;
  --gold-soft:rgba(242,195,78,.16); --gold-line:rgba(242,195,78,.4); --gold-ink:#241a04;
  --tint:255,255,255; --bar:rgba(11,10,6,.66);
  /* Brilho do botão dourado (vibrante no noturno) + sombras */
  --btn-glow:0 0 22px rgba(242,195,78,.32); --btn-glow-hover:0 14px 40px -12px rgba(242,195,78,.55);
  --card-shadow:0 1px 3px rgba(0,0,0,.4);
  --shadow-sm:0 1px 3px rgba(0,0,0,.4); --shadow-md:0 10px 30px -10px rgba(0,0,0,.6); --shadow-lg:0 40px 90px -30px rgba(0,0,0,.7);
}