:root{
    /* Couleurs extraites du logo EURL Decurey */
    --color-logo-leaf: #6f7738;
    --color-logo-leaf-dark: #4f5728;
    --color-logo-leaf-light: #a7ad6d;
    --color-logo-bee: #f1d820;
    --color-logo-bee-dark: #c8ae10;
    --color-logo-mouse: #a9a9a7;
    --color-logo-mouse-dark: #6f706d;
    --color-logo-black: #050505;
    --color-logo-white: #ffffff;

    /* Palette UI principale */
    --color-primary: var(--color-logo-leaf);
    --color-primary-dark: var(--color-logo-leaf-dark);
    --color-primary-light: var(--color-logo-leaf-light);
    --color-secondary: var(--color-logo-mouse);
    --color-secondary-dark: var(--color-logo-mouse-dark);
    --color-accent: var(--color-logo-bee);
    --color-accent-dark: var(--color-logo-bee-dark);

    /* Couleurs complementaires et etats */
    --color-complementary: #38306f;
    --color-complementary-soft: #ebeaf4;
    --color-success: #5f7c3c;
    --color-warning: #f1d820;
    --color-danger: #b54b3f;
    --color-info: #4f6f7a;

    /* Fonds */
    --color-background: #f8f8f4;
    --color-background-soft: #eeeee6;
    --color-background-muted: #e4e5dc;
    --color-surface: #ffffff;
    --color-surface-alt: #f2f3ed;
    --color-surface-strong: #1f211b;
    --color-header-background: rgba(255, 255, 255, 0.92);
    --color-hero-background: #e9ebdf;

    /* Textes */
    --color-text: #1d1f1a;
    --color-text-soft: #4d5048;
    --color-text-muted: #73766d;
    --color-text-inverse: #ffffff;
    --color-link: var(--color-primary-dark);
    --color-link-hover: var(--color-logo-black);

    /* Bordures et ombres */
    --color-border: #d7d9ce;
    --color-border-strong: #b8bbad;
    --shadow-soft: 0 12px 30px rgba(31, 33, 27, 0.10);
    --shadow-header: 0 8px 24px rgba(31, 33, 27, 0.08);

    /* Typographie et formes */
    --font-family-heading: "Nunito", Arial, Helvetica, sans-serif;
    --font-family-base: "Karla", Arial, Helvetica, sans-serif;
    --line-height-base: 1.5;
    --radius-small: 4px;
    --radius-medium: 8px;
    --radius-large: 14px;

    /* Espacements */
    --space-2xs: 4px;
    --space-xs: 8px;
    --space-sm: 12px;
    --space-md: 16px;
    --space-lg: 24px;
    --space-xl: 40px;
    --space-2xl: 64px;

    /* Transitions */
    --transition-fast: 180ms ease;
    --transition-base: 260ms ease;
}