:root {
  /* Couleurs */
  --color-bg:           #F7F4EF;
  --color-surface:      #FFFFFF;
  --color-primary:      #4A7C59;
  --color-primary-light:#7BAF8E;
  --color-accent:       #C9A84C;
  --color-text:         #2C2C2C;
  --color-text-muted:   #7A7A7A;
  --color-border:       #E0D9CE;
  --color-danger:       #C0392B;

  /* Typographie */
  --font-heading: 'Playfair Display', Georgia, serif, 'Segoe UI Emoji', 'Apple Color Emoji', 'Noto Color Emoji';
  --font-body:    'Inter', system-ui, sans-serif, 'Segoe UI Emoji', 'Apple Color Emoji', 'Noto Color Emoji';

  --text-xs:   0.75rem;
  --text-sm:   0.875rem;
  --text-base: 1rem;
  --text-md:   1.125rem;
  --text-lg:   1.25rem;
  --text-xl:   1.5rem;
  --text-2xl:  2rem;

  /* 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;

  /* Rayons */
  --radius-sm:  8px;
  --radius-md:  12px;
  --radius-lg:  16px;
  --radius-xl:  24px;
  --radius-full: 9999px;

  /* Ombres */
  --shadow-sm:  0 1px 4px rgba(0,0,0,0.06);
  --shadow-md:  0 2px 12px rgba(0,0,0,0.08);
  --shadow-lg:  0 4px 24px rgba(0,0,0,0.12);
  --shadow-fab: 0 4px 16px rgba(74,124,89,0.4);

  /* Transitions */
  --transition: 0.2s ease;
}