:root {
    /* === Couleurs Principales === */
    --el-color-primary: #14543f;
    --el-color-primary-dark: #073b2c;
    --el-color-primary-light: #e8f2dc;
    --el-color-primary-rgb: 20, 84, 63;
    --el-color-secondary: #d95216;
    --el-color-secondary-dark: #a83f11;
    --el-color-secondary-light: #fff0df;
    --el-color-secondary-rgb: 217, 82, 22;
    --el-color-accent: #f4b63d;
    --el-color-accent-dark: #c78a0d;
    --el-color-accent-rgb: 244, 182, 61;
    /* === Couleurs Neutres === */
    --el-color-text-primary: #16231f;
    --el-color-text-secondary: #56645f;
    --el-color-text-light: #8e9994;
    --el-color-border: #e8ddce;
    --el-color-background: #fbf6ed;
    --el-color-white: #FFFFFF;
    --el-color-surface: #fffdf8;
    --el-color-background-alt: #f5eee2;
    /* === Couleurs Feedback === */
    --el-color-success: #76B947;
    --el-color-success-rgb: 118, 185, 71;
    --el-color-error: #E04F5F;
    --el-color-error-rgb: 224, 79, 95;
    /* === Typography === */
    --el-font-family-sans-serif: 'Inter', 'Segoe UI', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    --el-font-family-serif: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
    --el-font-family-base: var(--el-font-family-sans-serif);
    --el-font-family-heading: var(--el-font-family-serif);
    --el-font-size-base: 1rem;
    --el-font-size-sm: 0.875rem;
    --el-font-size-lg: 1.125rem;
    --el-font-size-xl: 1.5rem;
    --el-line-height-base: 1.6;
    --el-font-weight-normal: 400;
    --el-font-weight-semibold: 600;
    --el-font-weight-bold: 700;
    /* === Spacing === */
    --el-spacing-xs: 0.25rem;
    --el-spacing-sm: 0.5rem;
    --el-spacing-md: 1rem;
    --el-spacing-lg: 1.75rem;
    --el-spacing-xl: 2.5rem;
    /* === Borders & Shadows === */
    --el-border-radius: 8px;
    --el-border-radius-sm: 4px;
    --el-border-radius-lg: 8px;
    --el-box-shadow-sm: 0 10px 28px rgba(67, 51, 32, 0.07);
    --el-box-shadow: 0 18px 45px rgba(67, 51, 32, 0.11);
    --radius-lg: 8px;
    --shadow-sm: 0 10px 28px rgba(67, 51, 32, 0.07);
    --shadow-md: 0 18px 45px rgba(67, 51, 32, 0.11);
    --ink-900: #16231f;
    --ink-700: #2c3935;
    --ink-500: #66736e;
    --surface: #fffdf8;
    --surface-2: #f4eadc;
    --primary: #14543f;
    --primary-ink: #fdf8ef;
    --brand-cream: #fbf6ed;
    --brand-cream-dark: #f2e7d6;
    --brand-green: #14543f;
    --brand-green-dark: #073b2c;
    --brand-orange: #d95216;
    --brand-olive: #6f7f24;
    --bg: var(--el-color-background);
    --ink: var(--el-color-text-primary);
    --ink-soft: var(--el-color-text-secondary);
    --brand-1: var(--el-color-primary-dark);
    --brand-2: var(--el-color-primary);
    --brand-3: #9cad67;
    --panel: var(--el-color-surface);
    --panel-soft: #eef4df;
    --shadow: var(--el-box-shadow-sm);
    --radius: 8px;
}