:root {
  /* —— Couleurs principales —— */
  --color-cream:         #FFF8ED;
  --color-cream-warm:    #FDF0DF;
  --color-terracotta:    #D05334;
  --color-chocolate:     #2B1B15;
  --color-black:         #1A1A1A;
  
  /* —— Typography —— */
  --font-display: "Playfair Display", serif;
  --font-body: "Inter", sans-serif;

  /* —— Sizes & Spacing —— */
  --fs-xs: 0.75rem;
  --fs-sm: 0.875rem;
  --fs-base: 1rem;
  --fs-lg: 1.125rem;
  --fs-xl: 1.25rem;
  --fs-2xl: 1.5rem;
  --fs-3xl: 2rem;
  --fs-4xl: 3rem;
  
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2rem;
  --space-xl: 3rem;
  --space-2xl: 4rem;
  --space-3xl: 6rem;
  
  /* —— Themes —— */
  --bg-primary: var(--color-cream);
  --bg-secondary: var(--color-cream-warm);
  --bg-nav: rgba(255, 248, 237, 0.85);
  --text-primary: var(--color-chocolate);
  --text-secondary: var(--color-terracotta);
  --text-muted: rgba(43, 27, 21, 0.6);
  --accent: var(--color-terracotta);
  --accent-hover: #b04328;
  
  --border-radius: 12px;
  --radius-arch: 200px 200px 0 0;
  --shadow-sm: 0 2px 4px rgba(43,27,21,0.05);
  --shadow-md: 0 4px 12px rgba(43,27,21,0.08);
  --shadow-lg: 0 12px 24px rgba(43,27,21,0.12);
  
  --lh-tight: 1.2;
  --lh-base: 1.5;
  --lh-relaxed: 1.8;
}

.theme-dark {
  --bg-primary: var(--color-chocolate);
  --bg-secondary: #1a100d;
  --bg-nav: rgba(43, 27, 21, 0.85);
  --text-primary: var(--color-cream);
  --text-secondary: var(--color-cream-warm);
  --text-muted: rgba(255, 248, 237, 0.6);
  --accent: var(--color-terracotta);
  --accent-hover: #e06648;
}

.theme-light {
  --bg-primary: var(--color-cream);
  --bg-secondary: var(--color-cream-warm);
  --bg-nav: rgba(255, 248, 237, 0.85);
  --text-primary: var(--color-chocolate);
  --text-secondary: var(--color-terracotta);
  --text-muted: rgba(43, 27, 21, 0.6);
  --accent: var(--color-terracotta);
}