:root {
  /* Primary - Vert Provence */
  --primary: #4A7C59;
  --primary-light: #6B9B7A;
  --primary-dark: #2D5A3C;
  --primary-rgb: 74, 124, 89;

  /* Secondary - Terracotta/Ocre */
  --secondary: #D4A574;
  --secondary-light: #E8C9A8;
  --secondary-dark: #B8834A;

  /* Accent */
  --terracotta: #CD5C5C;
  --lavender: #9B7BB8;
  --olive-green: #808000;

  /* Semantic */
  --success: #4CAF50;
  --error: #E53935;
  --warning: #FFA726;
  --info: #2196F3;

  /* Backgrounds */
  --bg: #FAF8F5;
  --surface: #FFFFFF;
  --surface-variant: #F5F5F5;

  /* Text */
  --text: #1A1A1A;
  --text-secondary: #666666;
  --text-hint: #999999;
  --text-on-primary: #FFFFFF;

  /* Borders */
  --border: #E0E0E0;
  --divider: #EEEEEE;

  /* Shadows */
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.08);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.1);
  --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.12);

  /* Radius */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-xl: 24px;

  /* Spacing */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;
  --space-2xl: 48px;
  --space-3xl: 64px;

  /* Layout */
  --max-width: 1200px;
  --header-height: 72px;

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