:root {
  /* Palette Chromatique Pédagogique Spécifique */
  /* Couleurs sémantiques strictes selon le plan cognitif */
  --color-verb: #E63946;          /* Rouge/Corail : Verbe d'action (Alerte sur ce qu'il faut faire) */
  --color-verb-light: #FFE5E7;
  --color-verb-glow: rgba(230, 57, 70, 0.25);

  --color-target: #1D70B8;        /* Bleu franc : Cible (L'objet du travail) */
  --color-target-light: #E1F0FA;
  --color-target-glow: rgba(29, 112, 184, 0.25);

  --color-constraint: #7C3AED;    /* Violet : Contraintes / Mots-pièges (Règles à respecter) */
  --color-constraint-light: #EDE9FE;
  --color-constraint-glow: rgba(124, 58, 237, 0.25);

  --color-context: #6B7280;       /* Gris neutre : Mots de liaison / Contexte */
  --color-context-light: #F3F4F6;

  /* Teintes de l'interface principale */
  --bg-primary: #F8FAFC;
  --bg-surface: #FFFFFF;
  --bg-surface-elevated: #FFFFFF;
  --bg-panel-left: #F1F5F9;
  --bg-panel-right: #FFFFFF;

  --text-main: #0F172A;
  --text-muted: #475569;
  --text-subtle: #94A3B8;

  --border-color: #E2E8F0;
  --border-focus: #3B82F6;

  /* Couleurs de validation & Réussite positive (TOUTE réussite est verte) */
  --color-success: #10B981;
  --color-success-dark: #059669;
  --color-success-bg: #ECFDF5;
  --color-success-border: #10B981;
  --color-success-text: #065F46;
  --color-success-glow: rgba(16, 185, 129, 0.25);

  --accent-gold: #F59E0B;
  --accent-purple: #8B5CF6;
  --accent-success: #10B981;
  --accent-info: #0284C7;

  /* Ergonomie Tactile Tablette Verticale */
  --touch-target-min: 48px;
  --touch-target-comfortable: 54px;
  --tablet-max-width: none;
  --tablet-panel-gap: 1.25rem;

  /* Ceintures */
  --belt-white: #E2E8F0;
  --belt-yellow: #FACC15;
  --belt-orange: #FB923C;
  --belt-green: #4ADE80;
  --belt-blue: #60A5FA;
  --belt-brown: #A16207;
  --belt-black: #1E293B;

  /* Typographie */
  --font-base: 'Lexend', 'Comic Neue', system-ui, -apple-system, sans-serif;
  --font-dys: 'Atkinson Hyperlegible', 'OpenDyslexic', 'Verdana', sans-serif;
  --font-active: var(--font-base);

  --font-size-base: 15px;
  --font-size-consigne: 1.25rem;
  --line-height-consigne: 1.6;
  --letter-spacing: 0.02em;
  --word-spacing: 0.08em;

  /* Rayons et Ombres */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-full: 9999px;

  --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.04);
  --shadow-md: 0 4px 12px rgba(15, 23, 42, 0.08);
  --shadow-lg: 0 10px 25px rgba(15, 23, 42, 0.12);
  --shadow-highlight: 0 0 0 4px rgba(59, 130, 246, 0.2);

  /* Transitions */
  --transition-fast: 0.15s ease;
  --transition-normal: 0.25s ease;
}

/* Thème Contraste Élevé pour élèves malvoyants ou TDAH */
body.theme-high-contrast {
  --bg-primary: #000000;
  --bg-surface: #121212;
  --bg-surface-elevated: #1E1E1E;
  --bg-panel-left: #18181B;
  --bg-panel-right: #121212;

  --text-main: #FFFFFF;
  --text-muted: #E2E8F0;
  --text-subtle: #94A3B8;

  --border-color: #475569;
  --border-focus: #FFFF00;

  --color-verb: #FF5A5F;
  --color-verb-light: #381216;

  --color-target: #38BDF8;
  --color-target-light: #082F49;

  --color-constraint: #A78BFA;
  --color-constraint-light: #1E1B4B;

  --color-context: #CBD5E1;
  --color-context-light: #27272A;
}

/* Thème Teinte Sépia / Pastel doux (Moins d'agression lumineuse) */
body.theme-sepia {
  --bg-primary: #F4EEDD;
  --bg-surface: #FAF7EE;
  --bg-surface-elevated: #FFFFFF;
  --bg-panel-left: #EFE8D3;
  --bg-panel-right: #FAF7EE;

  --text-main: #2D271D;
  --text-muted: #574F41;
  --border-color: #D6CEB9;
}

/* --- Modes de stimulations cognitives et animations (Action 4.4 / P1) --- */
body.animations-reduced *,
body.animations-reduced *::before,
body.animations-reduced *::after {
  animation-duration: 0.001ms !important;
  animation-iteration-count: 1 !important;
  transition-duration: 0.001ms !important;
}

body.animations-none *,
body.animations-none *::before,
body.animations-none *::after {
  animation: none !important;
  transition: none !important;
}

