/* Waweat — tokens du design system « Gourmand chaleureux » (V1). */
:root, [data-theme="jour"] {
  --creme: #FFF4E6;
  --creme-deep: #F6E4CC;
  --surface-raised: #FFFCF7;
  --line: #EAD8C0;
  --cacao: #2B1D14;
  --cacao-muted: #6E5646;
  --tomate: #E4572E;
  --tomate-strong: #B83A17;
  --on-tomate: #FFFFFF;
  --tomate-soft: #FCE0D6;
  --moutarde: #F2B134;
  --on-moutarde: #2B1D14;
  --moutarde-ink: #8A5A00;
  --moutarde-soft: #FCEBC6;
  --basilic: #3E7C47;
  --basilic-soft: #EEF6EC;
  --alerte: #B42318;
  --alerte-soft: #FDE3E0;
  --focus: #2B1D14;
  --shadow-card: 0 2px 10px rgba(43, 29, 20, 0.08);
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="jour"]) {
    --creme: #1C140F;
    --creme-deep: #33261D;
    --surface-raised: #2A1F18;
    --line: #3F3128;
    --cacao: #FFF4E6;
    --cacao-muted: #CDB9A6;
    --tomate: #F2704A;
    --tomate-strong: #FF8F6B;
    --on-tomate: #1C140F;
    --tomate-soft: #4A2014;
    --moutarde: #F2B134;
    --on-moutarde: #1C140F;
    --moutarde-ink: #F5C55E;
    --moutarde-soft: #3B2B0C;
    --basilic: #86C38E;
    --basilic-soft: #1E3523;
    --alerte: #FF8A80;
    --alerte-soft: #4A1714;
    --focus: #F2B134;
    --shadow-card: 0 2px 10px rgba(0, 0, 0, 0.35);
  }
}
[data-theme="soir"] {
  --creme: #1C140F;
  --creme-deep: #33261D;
  --surface-raised: #2A1F18;
  --line: #3F3128;
  --cacao: #FFF4E6;
  --cacao-muted: #CDB9A6;
  --tomate: #F2704A;
  --tomate-strong: #FF8F6B;
  --on-tomate: #1C140F;
  --tomate-soft: #4A2014;
  --moutarde: #F2B134;
  --on-moutarde: #1C140F;
  --moutarde-ink: #F5C55E;
  --moutarde-soft: #3B2B0C;
  --basilic: #86C38E;
  --basilic-soft: #1E3523;
  --alerte: #FF8A80;
  --alerte-soft: #4A1714;
  --focus: #F2B134;
  --shadow-card: 0 2px 10px rgba(0, 0, 0, 0.35);
}
:root {
  --font-display: "Fraunces", Georgia, serif;
  --font-sans: "DM Sans", system-ui, -apple-system, sans-serif;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-full: 999px;
}
.display { font-family: var(--font-display); font-size: 40px; line-height: 44px; font-weight: 600; letter-spacing: -0.01em; }
.recipe-title { font-family: var(--font-display); font-size: 28px; line-height: 32px; font-weight: 600; }
.section { font-family: var(--font-display); font-size: 20px; line-height: 26px; font-weight: 600; }
.step { font-family: var(--font-sans); font-size: 22px; line-height: 32px; font-weight: 500; }
.body { font-family: var(--font-sans); font-size: 16px; line-height: 24px; font-weight: 400; }
.label { font-family: var(--font-sans); font-size: 16px; line-height: 20px; font-weight: 600; }
.caption { font-family: var(--font-sans); font-size: 13px; line-height: 18px; font-weight: 500; }