/* Jetons de design — refonte « version B ».
   Toutes les couleurs, tailles et espacements de l'app sont définis ici ; styles.css et app.js n'utilisent que ces variables. */
:root {
  /* Couleurs */
  --gold: #E0A419;            /* or Pure Drive : arcs, barres, onglet actif, statut Confirmé. Jamais en texte sur fond blanc */
  --black: #000000;           /* bandeau de l'Accueil, bouton principal, statut soldé */
  --bg: #F7F7F7;              /* fond des écrans */
  --surface: #FFFFFF;         /* blocs d'en-tête, barre de navigation, champs */
  --ink: #111111;             /* texte principal, icônes */
  --ink-muted: #6B6B6B;       /* libellés, texte secondaire */
  --ink-faint: #6F6F6F;       /* valeurs à droite des lignes, onglets inactifs (maquette : #8A8A8A, foncé pour tenir 4,5:1) */
  --chevron: #9A9A9A;
  --line: #E3E3E3;            /* séparateurs de section, bordure des champs */
  --line-soft: #ECECEC;       /* séparateurs de ligne, bordure de la navigation */
  --outline: #D9D9D9;         /* contour des pastilles de filtre inactives */
  --track: #E6E6E6;           /* fond des barres de progression */
  --cell: #EEEEEE;            /* case vide de la grille d'occupation */
  --cell-today: #CFCFCF;      /* case du jour courant */
  --on-black: #FFFFFF;
  --on-black-muted: #A6A6A6;  /* texte secondaire sur le bandeau noir */
  --track-dark: #2B2B2B;      /* piste du compte-tours, chaussée de la feuille de route */
  --redline: #C8352B;         /* zone rouge du compte-tours, rien d'autre */

  /* Statuts */
  --st-new-bg: #ECECEC;
  --st-done-line: #9A9A9A;
  --st-done-ink: #555555;

  /* Types d'événement : solid (points, cases pleines), tint (fond d'étiquette), ink (texte d'étiquette) */
  --ty-mariage-solid: #D6457C;  --ty-mariage-tint: #FBE8EF;  --ty-mariage-ink: #9C1F4F;
  --ty-b2b-solid: #2F6FDF;      --ty-b2b-tint: #E8EFFC;      --ty-b2b-ink: #1D4FAE;
  --ty-loisir-solid: #7A4CD9;   --ty-loisir-tint: #F0EAFC;   --ty-loisir-ink: #5A2FB5;
  --ty-shooting-solid: #159A85; --ty-shooting-tint: #E3F5F1; --ty-shooting-ink: #0D6E5F;
  --ty-tour-solid: #E8772E;     --ty-tour-tint: #FDEEE4;     --ty-tour-ink: #A24C12;
  --ty-autre-solid: #9A9A9A;    --ty-autre-tint: #F0F0F0;    --ty-autre-ink: #444444;

  /* Pastilles des indicateurs et de la liste « À faire » */
  --ok-bg: #E7F6F1;    --ok-ink: #11795D;
  --info-bg: #EAF0FC;  --info-ink: #2457C5;
  --warn-bg: #FDEEE4;  --warn-ink: #A24C12;

  /* Typographie (police système de l'iPhone) */
  --font: -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Helvetica Neue', system-ui, sans-serif;
  --w-light: 300;  --w-regular: 400;  --w-medium: 500;  --w-semi: 600;
  --fs-screen: 38px;   --lh-screen: 44px;   /* titre d'écran */
  --fs-section: 26px;  --lh-section: 32px;  /* titre de section */
  --fs-big: 30px;      --lh-big: 36px;      /* grand chiffre */
  --fs-total: 24px;                         /* total, jour dans une liste */
  --fs-lead: 18px;     --lh-lead: 24px;
  --fs-row: 17px;      --lh-row: 22px;      /* ligne de liste, titre de barre */
  --fs-body: 16px;     --lh-body: 23px;
  --fs-text: 15px;
  --fs-sec: 14px;      --lh-sec: 18px;      /* secondaire */
  --fs-label: 13px;    --lh-label: 16px;    /* libellé, légende */
  --fs-pill: 12px;
  --fs-nav: 11px;

  /* Espacements et formes */
  --gutter: 22px;        /* marges latérales */
  --row-h: 58px;         /* ligne de liste */
  --road-h: 72px;        /* ligne d'une sortie */
  --tap: 44px;           /* cible tactile minimale */
  --field-h: 48px;
  --pill-h: 40px;
  --btn-h: 54px;
  --dot: 36px;           /* pastille ronde */
  --r-btn: 6px;
  --r-cell: 2px;
  --r-pill: 999px;
  --cell-size: 8px;
  --cell-gap: 3px;
  --safe-b: env(safe-area-inset-bottom, 0px);
  --safe-t: env(safe-area-inset-top, 0px);
  --nav-h: calc(64px + max(20px, var(--safe-b)));   /* 84 px, plus la zone de sécurité de l'iPhone */
}