/* Jetons du design system Dotto — seule source des valeurs brutes (spec §4). */
:root {
  /* Couleurs (§4.1) */
  --color-bg: #ffffff;
  --color-text: #000000;
  --color-text-secondary: #3d3d3d;
  --color-rule: #d6d6d6;
  --color-border-control: #6b6b6b;
  --color-fill-subtle: #f4f4f4;
  --color-action: #000000;
  --color-on-action: #ffffff;
  --color-focus: #1846b8;
  --color-soutien: #e3008c; /* « Soutenir Dotto » (menu) : 4,52:1 sur blanc, validé le 29/10 */
  --color-danger: #a11d16;
  --color-success: #185c2d;
  --color-warning: #7a4100;

  /* Rôles typographiques (§4.2) : proportions iOS, corps = 1rem.
     Titres modérés : à 100 % (racine 16 px), exactement les proportions iOS ;
     au-delà, une part fixe (px) et une part qui suit le lecteur (rem), donc
     une croissance moins rapide que le corps, comme Dynamic Type aux tailles
     d'accessibilité. Le min() garde la proportion iOS aux petites racines. */
  --font-size-large-title: min(2rem, calc(1.4rem + 9.6px));
  --font-size-title-1: min(1.647rem, calc(1.2rem + 7.15px));
  --font-size-title-2: min(1.294rem, calc(1.1rem + 3.1px));
  --font-size-title-3: min(1.176rem, calc(1.05rem + 2px));
  --font-size-headline: 1rem;
  --font-size-body: 1rem;
  --font-size-reading: 1.059rem;
  --font-size-callout: 0.941rem;
  --font-size-subheadline: 0.882rem;

  --line-height-large-title: 1.15;
  --line-height-title-1: 1.2;
  --line-height-title-2: 1.25;
  --line-height-title-3: 1.3;
  --line-height-headline: 1.35;
  --line-height-body: 1.4;
  --line-height-reading: 1.55;
  --line-height-callout: 1.4;
  --line-height-subheadline: 1.35;

  --font-weight-regular: 400;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;

  /* Espacement (§4.3) */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;

  --gutter: 16px; /* marge native fixe : ne grandit pas avec le texte */
  --measure-reading: 34em; /* ligne de lecture ≈ 60–75 signes, suit la taille du texte */
  --measure-list: 48rem;   /* ancienne enveloppe unique (main, pied de page) ; gardée pour les listes de lignes */
  --measure-shell: 72rem;  /* enveloppe desktop : en-tête, navigation, listes, tableaux (proposition 23/10) */
  --radius-control: 0.5rem;
  --target-min: 2.75rem; /* 44 px à 100 % */
}

/* Contraste renforcé demandé par l'utilisateur */
@media (prefers-contrast: more) {
  :root {
    --color-text-secondary: #000000;
    --color-rule: #6b6b6b;
  }
}