/* ============================================================================
   Jetons du design system — structure BimBeau (contrat v0.1 §2), valeurs du projet.

   Ce fichier est la source de vérité des valeurs par défaut : inc/design-system.php lit ce :root
   (jetons éditables dans « Réglages du site »), inc/setup.php y prend la couleur de l'interface.
   Règles : un nom décrit un rôle, jamais une valeur ; on ajoute, on ne renomme pas ; 40 variables
   bb-* maximum. Le vocabulaire est fixe ; les VALEURS ci-dessous sont neutres et attendent le
   design system du projet (Claude Design → ici). Un projet peut définir ses propres jetons nommés
   (--sable, --corail…) et y faire pointer les bb-* ; un jeton éditable doit garder une valeur
   littérale (hexadécimal, pile de polices) pour être lu par inc/design-system.php.
   ============================================================================ */

:root {
  /* --- Couleurs (noyau) ---------------------------------------------------- */
  --bb-color-bg: #FFFFFF;       /* fond principal */
  --bb-color-ink: #1A1A1A;      /* texte principal */
  --bb-color-line: #D6D6D6;     /* filets, bordures */
  --bb-color-brand: #1A1A1A;    /* identité (logo, marque) */
  --bb-color-accent: #1A1A1A;   /* le signal : actif, focus, accent rare */

  /* --- Typographie (noyau) ------------------------------------------------- */
  --bb-font-display: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;  /* titres */
  --bb-font-body: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;     /* texte courant */
  --bb-text-sm: 0.875rem;
  --bb-text-md: 1rem;                                   /* corps de texte : ancre de l'échelle */
  --bb-text-lg: 1.25rem;
  --bb-text-xl: clamp(1.5rem, 1.2rem + 1.5vw, 2.25rem);
  --bb-text-2xl: clamp(2rem, 1.4rem + 3vw, 3.75rem);

  /* --- Espacements (noyau) ------------------------------------------------- */
  --bb-space-xs: 0.5rem;
  --bb-space-sm: 1rem;
  --bb-space-md: 1.5rem;
  --bb-space-lg: 3rem;
  --bb-space-xl: 6rem;

  /* --- Rayons (noyau) ------------------------------------------------------ */
  --bb-radius-sm: 0px;
  --bb-radius-md: 0px;

  /* --- Largeurs (noyau) ---------------------------------------------------- */
  --bb-width-content: 65ch;     /* colonne de lecture (.bb-measure) */
  --bb-width-container: 1200px; /* largeur maximale des sections (.bb-container) */

  /* --- Réservés (contrat §2) : à créer seulement quand le projet en a besoin, jamais « au cas où ».
     --bb-color-surface · --bb-color-ink-muted · --bb-color-inverse-bg · --bb-color-inverse-ink ·
     --bb-color-danger · --bb-color-success · --bb-font-mono · --bb-font-accent · --bb-text-xs ·
     --bb-text-3xl · --bb-text-4xl · --bb-space-2xs · --bb-space-2xl · --bb-space-3xl ·
     --bb-radius-lg · --bb-radius-full · --bb-width-wide · --bb-motion-fast · --bb-motion-slow · --bb-ease
     ------------------------------------------------------------------------ */
}