/* Tokens da LaFemme: paleta Ouro clássico (CLAUDE.md §12). Toda cor do produto sai daqui. */
:root {
  --lf-deep: #2B2118;          /* menu, fundo escuro */
  --lf-primary: #8C6A1E;       /* ação: botões, links */
  --lf-primary-hover: #74571A;
  --lf-accent: #D4A332;        /* dourado do logo: nunca texto nem fundo de botão com letra branca */
  --lf-on-accent: #2B2118;
  --lf-soft: #F5ECD7;          /* seleção */
  --lf-page: #FAF7F0;          /* fundo da página */
  --lf-surface: #FFFFFF;
  --lf-text: #2B2118;
  --lf-muted: #6E6254;
  --lf-border: #E8E0D0;
  --lf-on-deep: #F5ECD7;
  --lf-on-deep-muted: rgba(245, 236, 215, 0.66);
  --lf-nav-active: rgba(212, 163, 50, 0.18);

  /* status: fixos, independentes da marca */
  --lf-bad: #A8201A;   --lf-bad-bg: #FDE8E6;
  --lf-warn: #7F5300;  --lf-warn-bg: #FCEFD6;
  --lf-ok: #1F6B45;    --lf-ok-bg: #E4F3EA;
  --lf-delta-ok: #1F7A4D;
  --lf-delta-bad: #B42318;

  --lf-font: Figtree, system-ui, -apple-system, "Segoe UI", sans-serif;
  --lf-radius-s: 8px;
  --lf-radius: 10px;
  --lf-radius-card: 11px;
  --lf-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
  --lf-shadow-pop: 0 8px 28px rgba(43, 33, 24, 0.16);
  --lf-gutter: 32px;
}
@media (max-width: 767px) {
  :root { --lf-gutter: 16px; }
}