:root {
  /* =========================
     Palette principale
     ========================= */
  --color-primary-950: #120d0b;
  --color-primary-900: #1a1412;
  --color-primary-800: #241d1a;
  --color-primary-700: #362b27;
  --color-primary-600: #4a3a33;

  --color-sand-100: #f3ece2;
  --color-sand-200: #e5d5bf;
  --color-sand-300: #d4b998;
  --color-sand-400: #c3a27d;

  --color-copper-500: #9d6a3d;
  --color-copper-400: #b77f4d;
  --color-copper-300: #d29f68;
  --color-copper-200: #e5bc8b;

  --color-ivory-50: #fbf8f5;
  --color-ivory-100: #f5f0e8;
  --color-ivory-200: #eae0d4;

  --color-charcoal-900: #090706;
  --color-charcoal-800: #12100f;

  /* =========================
     Couleurs de texte
     ========================= */
  --color-text-primary: var(--color-ivory-100);
  --color-text-secondary: var(--color-ivory-200);
  --color-text-muted: var(--color-sand-300);
  --color-text-soft: var(--color-sand-200);
  --color-text-inverse: var(--color-primary-950);
  --color-text-accent: var(--color-copper-300);

  /* =========================
     Couleurs de fond
     ========================= */
  --color-bg-page: var(--color-primary-950);
  --color-bg-surface: var(--color-primary-900);
  --color-bg-surface-strong: var(--color-primary-800);
  --color-bg-surface-soft: var(--color-primary-700);
  --color-bg-panel: #1d1714;
  --color-bg-contrast: #2a211d;
  --color-bg-warm: #3b2c23;
  --color-bg-glow: rgba(157, 106, 61, 0.18);

  /* =========================
     Bordures
     ========================= */
  --color-border-subtle: rgba(229, 213, 191, 0.18);
  --color-border-soft: rgba(245, 240, 232, 0.08);
  --color-border-strong: rgba(212, 185, 152, 0.28);
  --color-border-accent: rgba(157, 106, 61, 0.7);
  --color-border-contrast: rgba(255, 255, 255, 0.14);

  /* =========================
     Couleurs d'accent
     ========================= */
  --color-accent-primary: var(--color-copper-500);
  --color-accent-strong: var(--color-copper-400);
  --color-accent-soft: var(--color-copper-200);
  --color-accent-warm: var(--color-sand-300);
  --color-accent-highlight: rgba(210, 159, 104, 0.18);

  /* =========================
     Espacements
     ========================= */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-20: 5rem;
  --space-24: 6rem;
  --space-32: 8rem;

  /* =========================
     Rayons de bordure
     ========================= */
  --radius-xs: 0.25rem;
  --radius-sm: 0.5rem;
  --radius-md: 0.75rem;
  --radius-lg: 1.25rem;
  --radius-xl: 1.75rem;
  --radius-2xl: 2.5rem;
  --radius-pill: 999px;

  /* =========================
     Mise en page
     ========================= */
  --content-max-width: 1200px;
  --content-max-width-narrow: 760px;

  /* =========================
     Transitions
     ========================= */
  --transition-fast: 150ms ease;
  --transition-base: 250ms ease;
  --transition-slow: 400ms ease;
  --transition-smooth: 600ms cubic-bezier(0.22, 1, 0.36, 1);
}