:root {
    /* === Variables primaires === */
    --primary-50: hsl(176, 59%, 75%);
    --primary-100: hsl(176, 60%, 71%);
    --primary-200: hsl(176, 60%, 61%);
    --primary-300: hsl(176, 60%, 52%);
    --primary-400: hsl(176, 60%, 42%);
    --primary-500: hsl(176, 60%, 33%);
    --primary-600: hsl(176, 60%, 24%);
    --primary-700: hsl(176, 60%, 21%);
    --primary-800: hsl(176, 60%, 18%);
    --primary-900: hsl(176, 60%, 15%);

    /* === Radius === */
    --radius: 0.625rem;

    /* === Couleurs système - Mode clair === */
    --background: hsl(0, 0%, 100%);
    --foreground: hsl(0, 0%, 9%);
    --card: hsl(0, 0%, 100%);
    --card-foreground: hsl(0, 0%, 9%);
    --popover: hsl(0, 0%, 100%);
    --popover-foreground: hsl(0, 0%, 9%);
    --primary: hsl(176, 60%, 33%);
    --primary-foreground: hsl(0, 0%, 98%);
    --secondary: hsl(0, 0%, 97%);
    --secondary-foreground: hsl(0, 0%, 9%);
    --muted: hsl(0, 0%, 92%);
    --muted-foreground: hsl(0, 0%, 46%);
    --accent: hsl(0, 0%, 97%);
    --accent-foreground: hsl(0, 0%, 9%);
    --destructive: hsl(0, 84%, 60%);
    --destructive-foreground: hsl(0, 0%, 98%);
    --border: hsl(0, 0%, 92%);
    --input: hsl(0, 0%, 86%);
    --ring: hsl(176, 60%, 33%);
}