/*
 * tokens.css — design tokens OKI (doctrine §5.2).
 * Toute valeur visuelle du site vit ici ; les composants Svelte consomment
 * les tokens, jamais de valeur brute (couleur, taille) dans un composant.
 * Couleurs en oklch() : luminance perceptuelle maîtrisée => contraste WCAG
 * calculable (méthode modus-vivendi, doctrine §4.3).
 */
:root {
  color-scheme: light dark;

  /* ── Identité panafricaine OKI ─────────────────────────────────────── */
  --oki-ink: light-dark(oklch(18% 0.02 260), oklch(94% 0.01 260));
  --oki-surface: light-dark(oklch(97% 0.005 90), oklch(14% 0.02 260));
  --oki-surface-2: light-dark(oklch(93% 0.008 90), oklch(20% 0.02 260));
  --oki-line: light-dark(oklch(85% 0.01 90), oklch(32% 0.02 260));
  --oki-ink-2: light-dark(oklch(38% 0.02 260), oklch(75% 0.01 260));

  /* Couleurs identitaires (drapeau panafricain — jaune/vert/rouge/noir) */
  --oki-jaune: oklch(75% 0.18 85);
  --oki-vert: oklch(55% 0.18 145);
  --oki-rouge: oklch(55% 0.22 25);
  --oki-noir: oklch(15% 0.01 260);

  /* Accent principal : le jaune OKI, décliné pour rester AA sur chaque fond */
  --accent: light-dark(oklch(52% 0.14 85), var(--oki-jaune));
  --accent-ink: light-dark(oklch(35% 0.1 85), oklch(85% 0.16 85));

  /* ── Difficulté — jamais portée par la couleur seule (doctrine §1.1) ──
     Chaque niveau = couleur + texte + icône dans DifficultyBadge. */
  --diff-beginner: oklch(65% 0.15 145);
  --diff-intermediate: oklch(75% 0.16 85);
  --diff-advanced: oklch(55% 0.18 25);
  /* variantes texte, contrastées AA sur --oki-surface */
  --diff-beginner-ink: light-dark(oklch(42% 0.14 145), oklch(78% 0.15 145));
  --diff-intermediate-ink: light-dark(oklch(48% 0.13 85), oklch(80% 0.15 85));
  --diff-advanced-ink: light-dark(oklch(46% 0.18 25), oklch(72% 0.16 25));

  /* ── Typographie fluide (clamp, zéro media query — doctrine §5.2) ────
     Échelle modulaire ratio 1.25, corps 16px mobile → 18px desktop. */
  --text-0: clamp(0.875rem, 0.85rem + 0.15vw, 0.9375rem);
  --text-1: clamp(1rem, 0.95rem + 0.4vw, 1.125rem);
  --text-2: clamp(1.25rem, 1.17rem + 0.5vw, 1.4rem);
  --text-3: clamp(1.56rem, 1.42rem + 0.8vw, 1.75rem);
  --text-4: clamp(1.95rem, 1.7rem + 1.4vw, 2.44rem);
  --text-5: clamp(2.44rem, 2rem + 2.4vw, 3.4rem);

  --font-text: 'Atkinson Hyperlegible', system-ui, sans-serif;
  --font-display: 'Fraunces', var(--font-text);

  --measure: 65ch; /* largeur de lecture 45-75ch (doctrine §2.2) */
  --leading: 1.6;

  /* ── Espacement modulaire ────────────────────────────────────────── */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 1rem;
  --space-4: 1.5rem;
  --space-5: 2.5rem;
  --space-6: 4rem;

  /* ── Interaction ─────────────────────────────────────────────────── */
  --tap-target: 48px; /* Fitts (doctrine §1.3) */
  --radius-1: 4px;
  --radius-2: 10px;
  --duration-1: 120ms;
  --duration-2: 240ms;
  --ease-out: cubic-bezier(0.2, 0, 0, 1);

  --focus-ring: 3px solid var(--accent);
}

@media (prefers-contrast: more) {
  :root {
    --oki-ink: light-dark(oklch(5% 0.01 260), oklch(99% 0 0));
    --oki-line: light-dark(oklch(40% 0.01 260), oklch(70% 0.01 260));
  }
}