/* Design tokens — Carole Kinésio (palette verte harmonisée) */
:root {
    /* Vert principal — une seule famille de teinte */
    --color-primary: #5A7A5A;
    --color-primary-dark: #4A6A4A;
    --color-primary-light: #6F906F;
    --color-secondary: #6F906F;
    --color-accent: #DBC7C9;

    --color-primary-rgb: 90, 122, 90;
    --color-primary-dark-rgb: 74, 106, 74;
    --color-primary-light-rgb: 111, 144, 111;

    --color-bg: #F3EAE3;
    --color-bg-gradient-end: #E8D5C4;
    --color-text: #555555;
    --color-text-muted: #4A4A4A;
    --color-surface: rgba(255, 255, 255, 0.3);

    --radius-sm: 8px;
    --radius-md: 10px;
    --radius-lg: 25px;
    --shadow-soft: 0 4px 6px rgba(0, 0, 0, 0.05);
    --shadow-hover: 0 6px 8px rgba(0, 0, 0, 0.1);
    --shadow-elevated: 0 8px 32px rgba(90, 80, 70, 0.1), 0 2px 8px rgba(90, 80, 70, 0.06);
    --shadow-elevated-hover: 0 16px 40px rgba(var(--color-primary-rgb), 0.14), 0 4px 12px rgba(90, 80, 70, 0.08);
    --shadow-primary: 0 4px 14px rgba(var(--color-primary-rgb), 0.25);
    --shadow-primary-strong: 0 6px 18px rgba(var(--color-primary-rgb), 0.3);

    --space-xs: 0.5rem;
    --space-sm: 1rem;
    --space-md: 1.5rem;
    --space-lg: 2rem;
    --space-xl: 3rem;
}