/* =========================================================
   CHARTE GRAPHIQUE IDEASK
   Toutes les couleurs, typos et espacements du site sont ici.
   Changer une valeur ici la change partout sur le site.
   ========================================================= */

:root {
  /* Couleurs */
  --ink: #0D0E10;          /* fond principal (noir) */
  --ink-2: #15171B;        /* fond des cartes */
  --ink-3: #1D2025;        /* fond des éléments dans les cartes */
  --line: #2A2D33;         /* bordures */
  --line-soft: #22252B;    /* bordures discrètes */
  --paper: #F2F0EA;        /* texte principal / fond clair */
  --paper-2: #FFFFFF;      /* cartes sur fond clair */
  --muted: #B9BCC2;        /* texte secondaire sur fond sombre */
  --muted-2: #8D9198;      /* texte tertiaire sur fond sombre */
  --muted-dark: #45484E;   /* texte secondaire sur fond clair */
  --accent: #FFCB2E;       /* JAUNE IDEASK — couleur d'accent */
  --accent-ink: #0D0E10;   /* texte posé sur le jaune */

  /* Typographies */
  --font-display: 'Bricolage Grotesque', 'Arial Black', sans-serif;
  --font-body: 'Instrument Sans', system-ui, -apple-system, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, Menlo, monospace;

  /* Mise en page */
  --container: 1240px;
  --gutter: clamp(16px, 4vw, 48px);
  --section-y: clamp(72px, 9vw, 128px);
  --radius-sm: 12px;
  --radius: 16px;
  --radius-lg: 24px;
  --radius-xl: 28px;
}