/* Edukpi Lépi × Mangue — marketing subset (source: DESIGN.md)
   FINDING-001: body ≥16px (text-md was 15px)
   Fonts: loaded via <link> in pages (preconnect) — avoid @import FOUC */

:root {
  --bg: #f3ead6;
  --surface: #fffdf7;
  --surface-2: #e8e0cc;
  --ink: #161c2e;
  --ink-muted: #4c5570;
  --ink-faint: #5a6178;
  --border: #d5ccb6;

  --accent: #243a7a;
  --accent-pressed: #1a2c5e;
  --accent-soft: #e2e6f2;

  --mango: #9c4319;
  --mango-cta: #b85018;
  --mango-cta-pressed: #8f3e12;
  --mango-soft: #f6e0d2;
  --mango-vivid: #c85218;
  --gold: #e0a03e;

  --present: #256b4a;
  --absent: #a83232;
  --late: #835310;

  --offline-bg: #f7ecd0;
  --offline-ink: #6f4509;
  --offline-border: #dfc06a;
  --online-bg: #d7eddf;
  --online-ink: #1f6647;

  --font-ui: "DM Sans", system-ui, sans-serif;
  --font-data: "JetBrains Mono", ui-monospace, monospace;

  --text-xs: 0.75rem; /* 12px */
  --text-sm: 0.875rem; /* 14px */
  --text-md: 1rem; /* 16px — body floor */
  --text-lg: 1.125rem;
  --text-xl: 1.375rem;
  --text-2xl: 1.75rem;
  --text-3xl: 2.25rem;
  --text-4xl: 2.75rem;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;

  --radius-sm: 8px;
  --radius-md: 10px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-pill: 999px;

  --shadow-sm: 0 2px 6px rgba(22, 28, 46, 0.06);
  --shadow-md: 0 8px 24px rgba(22, 28, 46, 0.1);
  --shadow-phone: 0 16px 40px rgba(22, 28, 46, 0.18);

  --touch: 48px;
  --max: 72rem;
  --header-h: 64px;

  /* Liseré Lépi — bas de header uniquement */
  --lepi-stripe: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='4' viewBox='0 0 12 4'%3E%3Crect width='6' height='4' fill='%2325396b'/%3E%3Crect x='6' width='6' height='4' fill='%234a5f94'/%3E%3C/svg%3E");
}