:root {
    /* Palette sémantique globale — les valeurs sont surchargeables depuis PlatformConfiguration. */
    --color-primary: #1677c8;
    --color-primary-dark: #0b3558;
    --color-primary-darker: #07243d;
    --color-primary-hover: #0f5f9f;
    --color-primary-light: #e8f3fc;
    --color-primary-subtle: #f5faff;
    --color-secondary: #4aa3df;
    --color-text: #183247;
    --color-text-secondary: #607486;
    --color-text-disabled: #8a9aa8;
    --color-bg: #f5f8fb;
    --color-bg-secondary: #eef4f8;
    --color-surface: #ffffff;
    --color-surface-muted: #f8fafc;
    --color-border: #d9e3eb;
    --color-border-strong: #cbd5e1;
    --color-success: #21865b;
    --color-success-text: #22543d;
    --color-success-bg: #e6f4eb;
    --color-success-border: #c6e8d5;
    --color-warning: #c58a1b;
    --color-warning-text: #825300;
    --color-warning-bg: #fff7e8;
    --color-warning-border: #f1d27b;
    --color-error: #c93636;
    --color-error-text: #842323;
    --color-error-bg: #fff1f1;
    --color-error-border: #efb1b1;
    --color-info: #1677c8;
    --color-info-text: #2b6cb0;
    --color-info-bg: #ebf8ff;
    --color-focus: #d49a26;
    --color-status-purple: #5944a3;
    --color-status-purple-bg: #f0ecff;
    --color-status-purple-border: #c9bdf8;
    --color-overlay: #07243d99;
    --color-shadow: #0b3558;
    --color-overlay-soft: color-mix(in srgb, var(--color-primary-darker) 42%, transparent);
    --color-overlay-strong: color-mix(in srgb, var(--color-primary-darker) 58%, transparent);
    --color-focus-ring: color-mix(in srgb, var(--color-focus) 35%, transparent);
    --color-primary-ring: color-mix(in srgb, var(--color-primary) 14%, transparent);

    --font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
    --font-size-standard: 16px;
    --font-size-sm: 14px;
    --font-size-xs: 11px;
    --font-size-h1: clamp(28px, 4vw, 42px);
    --font-size-h2: 24px;
    --font-size-h3: 20px;
    --font-size-xl: 28px;
    --font-size-label: 14px;
    --font-size-btn: 14px;
    /* Echelle compacte : réduire les espaces sans sacrifier la lisibilité. */
    --space-1: 3px;
    --space-2: 5px;
    --space-3: 8px;
    --space-4: 10px;
    --space-5: 14px;
    --space-6: 20px;
    --space-7: 28px;
    --space-8: 36px;
    --radius-sm: 6px;
    --radius-md: 10px;
    --radius-lg: 14px;
    --radius-full: 999px;
    --shadow-sm: 0 1px 3px color-mix(in srgb, var(--color-shadow) 6%, transparent);
    --shadow-md: 0 4px 14px color-mix(in srgb, var(--color-shadow) 9%, transparent);
    --shadow-lg: 0 12px 30px color-mix(in srgb, var(--color-shadow) 14%, transparent);
    --touch-min-height: 44px;
    --content-max-width: 1200px;
}