/* ============================================================
   O'taquet Beauty — Color tokens
   5 rôles + neutres. L'or est un rehaut, jamais une surface.
   Répartition cible : ~60% crème / 25% bordeaux / 8% or / 7% rose & neutres.
   ============================================================ */
:root{
  /* — Base palette — */
  --color-primary:#5B2333;        /* bordeaux — logo, boutons, titres, barres */
  --color-primary-deep:#3E1622;   /* hover / footer */
  --color-accent:#C29B5B;         /* or champagne — filets, détails (rehaut) */
  --color-accent-light:#E4CE9E;   /* or clair — sur fond sombre */
  --color-bg:#F6EFE6;             /* crème — fond principal */
  --color-surface:#FBF7F1;        /* crème claire — cards / blocs */
  --color-secondary:#E8CFC9;      /* rose poudré */
  --color-secondary-soft:#F2E1DC; /* rose poudré clair */
  --color-text:#241A1D;           /* encre — texte */
  --color-muted:#8C8079;          /* greige — texte muet */
  --color-border:#CBBBA8;         /* sable — bordures / séparateurs */
  --color-white:#FFFFFF;

  /* — Sémantiques (avec parcimonie) — */
  --color-success:#5E8B6A;
  --color-danger:#B3564B;

  /* — Alias sémantiques — */
  --surface-page:var(--color-bg);
  --surface-card:var(--color-white);
  --surface-raised:var(--color-surface);
  --surface-invert:var(--color-primary-deep);
  --text-body:var(--color-text);
  --text-heading:var(--color-primary);
  --text-muted:var(--color-muted);
  --text-on-dark:var(--color-bg);
  --rule:var(--color-border);
  --rule-hair:rgba(139,128,121,.16);
  --accent-line:var(--color-accent);
}