/*
 * AltiFit — Design tokens (SOURCE DE VÉRITÉ partagée : app + site).
 * ------------------------------------------------------------------
 * Aligné sur la charte graphique (docs/graphique/charte.html) :
 * palette « feu » — noir chaud (Charbon), orange signature (Flamme), sable clair ;
 * titres Bricolage Grotesque, texte Hanken Grotesk, radius 10px, couleurs en oklch.
 *
 * Règle : on ne met JAMAIS de couleur en dur dans les pages — on utilise ces tokens.
 * Pour changer l'identité (couleur d'accent, fond…), on modifie ICI, et l'app comme le
 * site suivent. Objectif à terme : un seul fichier physique importé par les deux projets.
 */

:root {
  /* Rayon de coin (10px) */
  --radius: 0.625rem;

  /* Typo — charte : Bricolage Grotesque (titres), Hanken Grotesk (texte) */
  --font-serif: "Bricolage Grotesque", ui-sans-serif, system-ui, sans-serif;
  --font-sans:  "Hanken Grotesk", ui-sans-serif, system-ui, sans-serif;

  /* Surfaces & texte */
  --background: oklch(0.975 0.011 77);   /* Sable  #FBF6EF */
  --foreground: oklch(0.197 0.008 18);   /* Charbon #191414 (noir chaud) */
  --card: oklch(1 0 0);                   /* Blanc  #FFFFFF */
  --card-foreground: oklch(0.197 0.008 18);

  /* Actions principales */
  --primary: oklch(0.197 0.008 18);            /* Charbon */
  --primary-foreground: oklch(0.975 0.011 77); /* Sable */
  --secondary: oklch(0.941 0.016 74);          /* Sable soutenu #F2EAE0 */
  --secondary-foreground: oklch(0.197 0.008 18);

  /* Neutres */
  --muted: oklch(0.941 0.016 74);
  --muted-foreground: oklch(0.531 0.020 67);   /* Grès foncé #746A60 (texte secondaire) */

  /* Accent — Flamme, la couleur signature de la marque */
  --accent: oklch(0.683 0.209 36);             /* Flamme #FF5A2C */
  --accent-foreground: oklch(1 0 0);           /* Blanc */

  /* Bordures / champs / focus */
  --border: oklch(0.917 0.019 75);             /* #EBE2D6 */
  --input: oklch(0.917 0.019 75);
  --ring: oklch(0.683 0.209 36);               /* Flamme */

  /* Sémantiques — badges de statut (autorisés par les conventions) */
  --success: oklch(0.68 0.15 155);              /* vert « payé » */
  --success-foreground: oklch(0.99 0.01 155);
  --warning: oklch(0.813 0.165 75);             /* Ambre #FFB020 « en attente » */
  --destructive: oklch(0.577 0.245 27.325);     /* rouge « expiré » */
  --destructive-foreground: oklch(0.984 0.003 247.858);
}