/**
 * INTELLIA237 — Design Tokens
 * Identité visuelle officielle : Éducation secondaire, Premium, Cahier & Ligne
 */

:root {
  /* ── Couleurs de Marque & Identité ── */
  --color-brand-indigo: #5856D6;
  --color-brand-indigo-dark: #4340C2;
  --color-brand-purple: #AF52DE;
  --color-brand-purple-dark: #9734C7;
  --color-brand-lavender: #ECE7FF;
  --color-brand-lavender-soft: #F6F3FF;
  --color-brand-blue: #007AFF;
  --color-brand-gold: #D4AF37;
  --color-brand-gold-light: #FBF4DC;

  /* ── Touches Cameroun Subtiles (237) ── */
  --color-cm-green: #007A5E;
  --color-cm-red: #CE1126;
  --color-cm-yellow: #FCD116;

  /* ── Personas Compagnons ── */
  --color-kira-primary: #AF52DE;
  --color-kira-light: #FF9ECD;
  --color-kira-bg: #FCF4FD;
  --color-kira-border: rgba(175, 82, 222, 0.22);

  --color-leo-primary: #5856D6;
  --color-leo-light: #5AC8FA;
  --color-leo-bg: #F4F6FD;
  --color-leo-border: rgba(88, 86, 214, 0.22);

  /* ── Fonds & Surfaces (Esprit Ivoire / Papier Élégant) ── */
  --color-bg-body: #FAF8F5;
  --color-bg-body-alt: #F4F0E8;
  --color-surface-white: #FFFFFF;
  --color-surface-card: #FFFFFF;
  --color-surface-muted: #F3F1EC;
  --color-surface-elevated: #FFFFFF;

  /* ── Typographie & Encre ── */
  --color-ink-primary: #151324;
  --color-ink-secondary: #4A465C;
  --color-ink-tertiary: #7D7894;
  --color-ink-muted: #9E9AA8;
  --color-border-subtle: #E8E4DA;
  --color-border-default: #DDD8CB;
  --color-border-strong: #C4BFAF;

  /* ── Statuts ── */
  --color-success: #1E8E3E;
  --color-success-bg: #E6F4EA;
  --color-warning: #B06000;
  --color-warning-bg: #FEF7E0;
  --color-danger: #C5221F;
  --color-danger-bg: #FCE8E6;

  /* ── Polices ── */
  --font-serif: "Didot", "Playfair Display", "Bodoni MT", Georgia, "Times New Roman", serif;
  --font-sans: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-mono: "SF Mono", "Fira Code", "Courier New", monospace;

  /* ── Espacements ── */
  --space-xxs: 4px;
  --space-xs: 8px;
  --space-sm: 12px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;
  --space-2xl: 48px;
  --space-3xl: 64px;
  --space-4xl: 96px;
  --space-5xl: 128px;

  /* ── Rayons de bordure ── */
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 18px;
  --radius-xl: 24px;
  --radius-pill: 9999px;

  /* ── Ombres Douces (Pas de brutalité, ombre lumière) ── */
  --shadow-sm: 0 2px 6px rgba(21, 19, 36, 0.04);
  --shadow-md: 0 6px 18px rgba(21, 19, 36, 0.06);
  --shadow-lg: 0 14px 34px rgba(21, 19, 36, 0.08);
  --shadow-xl: 0 24px 50px rgba(21, 19, 36, 0.11);
  --shadow-glow-indigo: 0 10px 30px rgba(88, 86, 214, 0.22);
  --shadow-glow-purple: 0 10px 30px rgba(175, 82, 222, 0.22);

  /* ── Transitions ── */
  --transition-fast: 160ms cubic-bezier(0.2, 0, 0, 1);
  --transition-normal: 260ms cubic-bezier(0.2, 0, 0, 1);
  --transition-smooth: 420ms cubic-bezier(0.16, 1, 0.3, 1);

  /* ── Dimensions Conteneurs ── */
  --container-max: 1200px;
  --container-narrow: 840px;
  --container-legal: 800px;
  --header-height: 76px;
}