/* Tokens du design system Repères.
   Source unique : design-system/tokens.json est généré à partir de ce fichier par scripts/build.mjs. */

@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/dm-sans-latin-400-normal.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../fonts/dm-sans-latin-500-normal.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../fonts/dm-sans-latin-600-normal.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/dm-sans-latin-700-normal.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Libre Caslon Display';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/libre-caslon-display-latin-400-normal.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  /* Couleurs de base */
  --color-ink: #19222c;
  --color-ink-raised: #243140;
  --color-paper: #ffffff;
  --color-surface: #f1f4f6;
  --color-border: #d9dee3;
  --color-text-muted: #58626d;
  --color-accent: #ba3a20;
  --color-accent-soft: #fbeee8;
  --color-document: #244865;
  --color-focus: #006ac5;

  /* Couleurs sur fond encre */
  --color-on-ink: #ffffff;
  --color-on-ink-muted: #c9d0d6;
  --color-accent-on-ink: #f0a58c;
  --color-rule-on-ink: rgba(255, 255, 255, .25);

  /* Frise : repères hors du fil de lecture choisi */
  --color-rail-inactive: #b8c0c8;
  --color-rail-label-inactive: #6a737d;
  --color-progress-track: #eef1f3;

  /* Logo de l'association Sankofa (couleurs de asso-sankofa.org) */
  --color-sankofa: #1b1464;
  --color-sankofa-egg: #e0a831;

  /* Cartes de situation. L'accent désigne le lieu dont parle la page, jamais un camp. */
  --color-map-sea-on-ink: #1f2b37;
  --color-map-land-on-ink: #2c3a48;
  --color-map-stroke-on-ink: #46586a;
  --color-map-label-on-ink: #aab4bd;
  --color-map-muted-on-ink: #6b5048;
  --color-map-stroke: #c3cad1;
  --color-map-muted: #e3c4bb;

  /* Typographie */
  --font-body: 'DM Sans', Arial, sans-serif;
  --font-editorial: 'Libre Caslon Display', Georgia, serif;
  --font-mono: ui-monospace, Menlo, Consolas, monospace;
  --text-body: 1rem;
  --text-lead: 1.2rem;
  --text-small: .875rem;
  --text-meta: .75rem;
  --leading-body: 1.65;
  --tracking-eyebrow: .14em;

  /* Espacements */
  --space-1: .25rem;
  --space-2: .5rem;
  --space-3: .75rem;
  --space-4: 1rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --gutter: clamp(16px, 4vw, 48px);

  /* Formes et mise en page */
  --radius-control: 999px;
  --radius-document: 0;
  --content-width: 1400px;
  --reading-width: 68ch;
  --header-height: 60px;
  --target-min: 44px;
  --breakpoint-mobile: 720px;

  /* Mouvement (neutralisé par prefers-reduced-motion dans site.css) */
  --motion-fast: .2s;
  --motion-slow: .45s;
  --shadow-panel: -24px 0 60px rgba(25, 34, 44, .18);
  --backdrop: rgba(25, 34, 44, .45);
}