/*
 * AltiFit — Design tokens (SOURCE DE VÉRITÉ partagée : app + site).
 * ------------------------------------------------------------------
 * Ces variables sont le miroir de `frontend/src/index.css` (bloc :root).
 * Palette chaude crème / brun / ambre, titres serif, 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 */
  --font-serif: "Playfair Display", Georgia, "Times New Roman", serif;
  --font-sans: "Inter", ui-sans-serif, system-ui, sans-serif;

  /* Surfaces & texte */
  --background: oklch(0.985 0.008 80);   /* crème très clair */
  --foreground: oklch(0.205 0.02 50);    /* brun très foncé (quasi noir chaud) */
  --card: oklch(0.998 0.004 80);
  --card-foreground: oklch(0.205 0.02 50);

  /* Actions principales */
  --primary: oklch(0.255 0.025 50);            /* brun foncé */
  --primary-foreground: oklch(0.985 0.008 80); /* crème */
  --secondary: oklch(0.955 0.012 80);
  --secondary-foreground: oklch(0.255 0.025 50);

  /* Neutres */
  --muted: oklch(0.955 0.012 80);
  --muted-foreground: oklch(0.5 0.02 60);

  /* Accent — ambre / or (le token phare de la marque) */
  --accent: oklch(0.72 0.13 75);
  --accent-foreground: oklch(0.2 0.02 50);

  /* Bordures / champs / focus */
  --border: oklch(0.91 0.015 80);
  --input: oklch(0.91 0.015 80);
  --ring: oklch(0.72 0.13 75);

  /* 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.8 0.13 75);                /* ambre « en attente » */
  --destructive: oklch(0.577 0.245 27.325);     /* rouge « expiré » */
  --destructive-foreground: oklch(0.984 0.003 247.858);
}