/* 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;
  /* títulos e valores de destaque, como no site; tabelas e formulários seguem em Figtree */
  --lf-serifa: "Cormorant Garamond", Georgia, "Times New Roman", serif;
  /* acabamento: cantos mais retos, fio fino no lugar de sombra (o ouro é detalhe, não preenchimento) */
  --lf-radius-s: 6px;
  --lf-radius: 6px;
  --lf-radius-card: 8px;
  --lf-shadow: none;
  --lf-fio-ouro: rgba(212, 163, 50, 0.55);
  --lf-mov: cubic-bezier(.2, .7, .2, 1);
  --lf-shadow-pop: 0 8px 28px rgba(43, 33, 24, 0.16);
  --lf-gutter: 32px;
}
@media (max-width: 767px) {
  :root { --lf-gutter: 16px; }
}