/* ==========================================================================
   Tema de marca — YLLY Life
   --------------------------------------------------------------------------
   Só redefine tokens --nx-* (carregue DEPOIS de nexus/tokens.css).
   Validação: node scripts/check-contrast.mjs --tema sites/yllylife/assets/tema.css

   Base: dourado do logo (#BE953C) sobre o quase preto do arquivo "Fundo Preto" (#231F20),
   aprofundado para dar contraste ao brilho. Atmosferas por produto ([data-mood]) vêm das
   cores dos rótulos: roxo noite (YLLY Calm), petróleo (MOJACAPS), preto e laranja (Diury).
   ========================================================================== */

/* Títulos: Libre Baskerville (SIL OFL 1.1, ver fonts/LICENSE-LibreBaskerville.txt),
   serifada clássica próxima do letreiro do logo. */
@font-face {
  font-family: "Libre Baskerville";
  font-style: normal;
  font-display: swap;
  font-weight: 400 700;
  src: url("fonts/libre-baskerville-latin-wght-normal.woff2") format("woff2-variations"),
       url("fonts/libre-baskerville-latin-wght-normal.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  /* Cores fixas da marca (iguais em qualquer atmosfera): fundo da página e ouro do logo. */
  --nx-brand-bg: #100E0C;
  --nx-brand-ouro: #BE953C;
  --nx-brand-ouro-claro: #E2C27E;
  --nx-brand-fio: rgb(190 149 60 / 0.35);
  --nx-brand-brilho: rgb(190 149 60 / 0.18);

  --nx-bg: #100E0C;
  --nx-surface: #1B1815;
  --nx-surface-hover: #26221E;
  --nx-glass-bg: rgb(16 14 12 / 0.62);
  --nx-glass-bg-strong: rgb(16 14 12 / 0.95);

  --nx-text: #F7F2E8;
  --nx-text-secondary: #CFC6B6;
  --nx-text-muted: #B2A894;

  --nx-accent: #BE953C;
  --nx-glow: rgb(190 149 60 / 0.18);
  --nx-action: #C9A04A;
  --nx-action-hover: #DDB866;
  --nx-on-action: #15110B;
  --nx-link: #DDB866;
  --nx-link-hover: #F0D79E;
  --nx-focus: #E2C27E;

  --nx-border-subtle: rgb(247 242 232 / 0.09);
  --nx-border-strong: rgb(247 242 232 / 0.18);
  --nx-border-control: #8E8371;
  --nx-grid-line: rgb(247 242 232 / 0.035);

  --nx-danger: #FCA5A5;
  --nx-success: #86EFAC;
  --nx-warning: #FCD34D;

  --nx-font-display: "Libre Baskerville", Baskerville, "Baskerville Old Face", Georgia, "Times New Roman", serif;
  --nx-tracking-display: -0.01em;

  --nx-highlight: inset 0 1px 0 rgb(255 255 255 / 0.12);
  --nx-shadow-glow: 0 0 28px -6px rgb(190 149 60 / 0.55);
}

/* ---- Atmosferas de produto ------------------------------------------------
   Aplicadas num trecho da página (hero, "Seu dia", cards) ou na página toda (<html data-mood>).
   Só trocam fundo, superfícies, brilho e acento; texto e ação seguem os da marca. */
[data-mood="calm"] {
  --nx-bg: #0F0B1C;
  --nx-surface: #1B1531;
  --nx-surface-hover: #251D42;
  --nx-glass-bg: rgb(15 11 28 / 0.62);
  --nx-glass-bg-strong: rgb(15 11 28 / 0.95);
  --nx-accent: #7C5CE6;
  --nx-glow: rgb(124 92 230 / 0.30);
  --nx-border-control: #8F84AE;
  --nx-shadow-glow: 0 0 32px -6px rgb(124 92 230 / 0.6);
}

[data-mood="mojacaps"] {
  --nx-bg: #081418;
  --nx-surface: #0F2228;
  --nx-surface-hover: #172E35;
  --nx-glass-bg: rgb(8 20 24 / 0.62);
  --nx-glass-bg-strong: rgb(8 20 24 / 0.95);
  --nx-accent: #3DB5AC;
  --nx-glow: rgb(61 181 172 / 0.26);
  --nx-border-control: #7E9A9C;
  --nx-shadow-glow: 0 0 32px -6px rgb(61 181 172 / 0.55);
}

[data-mood="diury"] {
  --nx-bg: #140C09;
  --nx-surface: #22140F;
  --nx-surface-hover: #2E1B14;
  --nx-glass-bg: rgb(20 12 9 / 0.62);
  --nx-glass-bg-strong: rgb(20 12 9 / 0.95);
  --nx-accent: #E8562F;
  --nx-glow: rgb(232 86 47 / 0.26);
  --nx-border-control: #A08679;
  --nx-shadow-glow: 0 0 32px -6px rgb(232 86 47 / 0.55);
}