:root {
    color-scheme: light;

    /* Couleurs de marque */
    --edu-color-brand-50: #f7f8ff;
    --edu-color-brand-100: #eef2ff;
    --edu-color-brand-200: #dce4ff;
    --edu-color-brand-600: #3454d1;
    --edu-color-brand-700: #253da0;
    --edu-color-brand-800: #1d2f7c;
    --edu-color-accent-100: #fff3c4;
    --edu-color-accent-500: #ffb703;

    /* Couleurs sémantiques accessibles sur fond clair */
    --edu-color-text: #243046;
    --edu-color-text-muted: #5e687a;
    --edu-color-surface: #ffffff;
    --edu-color-page: #fffdf8;
    --edu-color-surface-soft: #f7f8fb;
    --edu-color-border: #d9deea;
    --edu-color-border-strong: #b9c2d3;
    --edu-color-info: #1769aa;
    --edu-color-info-soft: #e8f4fc;
    --edu-color-success: #18794e;
    --edu-color-success-soft: #e9f7ef;
    --edu-color-warning: #8a4b08;
    --edu-color-warning-soft: #fff4d6;
    --edu-color-danger: #b42318;
    --edu-color-danger-soft: #fff0ee;
    --edu-color-focus: #c66a00;

    /* Typographie sans dépendance réseau */
    --edu-font-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --edu-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
    --edu-text-xs: 0.75rem;
    --edu-text-sm: 0.875rem;
    --edu-text-md: 1rem;
    --edu-text-lg: 1.125rem;
    --edu-text-xl: 1.375rem;
    --edu-text-2xl: clamp(1.75rem, 3vw, 2.35rem);
    --edu-text-hero: clamp(2.5rem, 6vw, 4.8rem);
    --edu-line-compact: 1.2;
    --edu-line-body: 1.6;

    /* Échelle de 4 px */
    --edu-space-1: 0.25rem;
    --edu-space-2: 0.5rem;
    --edu-space-3: 0.75rem;
    --edu-space-4: 1rem;
    --edu-space-5: 1.25rem;
    --edu-space-6: 1.5rem;
    --edu-space-8: 2rem;
    --edu-space-10: 2.5rem;
    --edu-space-12: 3rem;
    --edu-space-16: 4rem;

    --edu-radius-sm: 0.5rem;
    --edu-radius-md: 0.75rem;
    --edu-radius-lg: 1rem;
    --edu-radius-xl: 1.5rem;
    --edu-radius-pill: 999px;
    --edu-shadow-sm: 0 0.25rem 0.75rem rgb(36 48 70 / 7%);
    --edu-shadow-md: 0 0.6rem 1.5rem rgb(36 48 70 / 10%);
    --edu-shadow-lg: 0 1rem 3rem rgb(29 47 124 / 12%);
    --edu-duration-fast: 150ms;
    --edu-duration-base: 220ms;
    --edu-content-prose: 70ch;
    --edu-content-narrow: 47.5rem;
    --edu-game-ratio: 16 / 9;

    /* Compatibilité avec les classes des phases déjà intégrées */
    --edu-ink: var(--edu-color-text);
    --edu-primary: var(--edu-color-brand-600);
    --edu-primary-dark: var(--edu-color-brand-700);
    --edu-paper: var(--edu-color-page);
    --edu-soft: var(--edu-color-brand-100);
    --edu-border: var(--edu-color-border);
    --edukatro-blue: var(--edu-color-brand-600);
    --edukatro-ink: var(--edu-color-text);
    --edukatro-soft: var(--edu-color-brand-100);

    /* Pont minimal vers Bootstrap 5.3 */
    --bs-body-font-family: var(--edu-font-sans);
    --bs-body-color: var(--edu-color-text);
    --bs-body-bg: var(--edu-color-page);
    --bs-primary: var(--edu-color-brand-600);
    --bs-primary-rgb: 52, 84, 209;
    --bs-link-color: var(--edu-color-brand-700);
    --bs-link-hover-color: var(--edu-color-brand-800);
    --bs-border-color: var(--edu-color-border);
    --bs-border-radius: var(--edu-radius-sm);
    --bs-border-radius-lg: var(--edu-radius-lg);
}

[data-edu-theme="child"] {
    --edu-color-page: #fffaf0;
    --edu-color-surface-soft: #eefaff;
}