:root {
  /* Couleurs */
  --color-bg: #FBF7F0;
  --color-surface: #FFFFFF;
  --color-surface-alt: #F4EEE3;
  --color-border: #E8E0D0;

  --color-text: #2C2A26;
  --color-text-muted: #6B6760;
  --color-text-faint: #A8A39A;

  --color-primary: #5C7A5A;
  --color-primary-dark: #44603F;
  --color-primary-light: #E8EFE5;

  --color-accent: #C56A4A;
  --color-error: #C44545;

  /* DLC (Phase 2) */
  --color-dlc-red: #C44545;
  --color-dlc-orange: #E08A3C;
  --color-dlc-yellow: #D4B339;
  --color-dlc-green: #6B9061;
  --color-dlc-gray: #B0AAA0;

  /* Espaces */
  --space-1: 4px;  --space-2: 8px;  --space-3: 12px;
  --space-4: 16px; --space-5: 24px; --space-6: 32px;
  --space-7: 48px; --space-8: 64px;

  --tap-min: 44px;
  --radius-sm: 6px;  --radius-md: 12px;
  --radius-lg: 20px; --radius-full: 999px;

  /* Typographie */
  --font-sans: -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Inter', system-ui, sans-serif;
  --font-display: 'Fraunces', Georgia, serif;

  --text-xs: 12px;  --text-sm: 14px;  --text-base: 16px;
  --text-lg: 18px;  --text-xl: 22px;  --text-2xl: 28px;
  --text-3xl: 34px;

  --line-tight: 1.2; --line-normal: 1.5;

  /* Ombres */
  --shadow-sm: 0 1px 2px rgba(44,42,38,0.04);
  --shadow-md: 0 2px 8px rgba(44,42,38,0.06);
  --shadow-lg: 0 8px 24px rgba(44,42,38,0.10);

  --duration: 180ms;
  --ease: cubic-bezier(0.4, 0, 0.2, 1);

  --tabbar-height: 64px;
  --tabbar-safe: env(safe-area-inset-bottom, 0px);
}