/* ==========================================================
   FICHIER GÉNÉRÉ — NE PAS MODIFIER À LA MAIN.

   Source : apps/web/src/styles/tokens/_primitives.scss
   Dérivation : apps/landing/jetons.mjs
   Régénérer : npm run build (ou npm run dev)

   Une couleur se change dans les primitives de l'application, jamais ici :
   c'est ce qui garantit que la vitrine et le produit ne divergent plus.
   ========================================================== */

:root {
  /* --- Primitives, reprises telles quelles de l'application --------- */
  --vh-green-50: #edf5f3;
  --vh-green-100: #d7e9e6;
  --vh-green-200: #b3d5cf;
  --vh-green-300: #8bbfb7;
  --vh-green-400: #4d968c;
  --vh-green-500: #0e6f66;
  --vh-green-600: #0a544d;
  --vh-green-700: #083f3a;
  --vh-green-800: #06322e;
  --vh-green-900: #052723;
  --vh-green-950: #031a17;
  --vh-gold-100: #f6efdb;
  --vh-gold-300: #ddc477;
  --vh-gold-400: #c9a227;
  --vh-gold-500: #b08a28;
  --vh-gold-600: #8f7132;
  --vh-gold-bright: #e2bb4a;
  --vh-coral-500: #c5673f;
  --vh-coral-300: #d98a63;
  --vh-coral-100: #f9ece5;
  --vh-neutral-0: #ffffff;
  --vh-neutral-50: #f6f6f3;
  --vh-neutral-100: #efefea;
  --vh-neutral-200: #e7e6e1;
  --vh-neutral-300: #d5d4cd;
  --vh-neutral-400: #9aa1a9;
  --vh-neutral-500: #676d65;
  --vh-neutral-600: #3b3f3a;
  --vh-neutral-700: #282a25;
  --vh-neutral-800: #1c1d19;
  --vh-neutral-900: #131412;
  --vh-neutral-950: #0c0c0a;
  --vh-success-500: #33654c;
  --vh-success-100: #edf3ef;
  --vh-warning-500: #876730;
  --vh-warning-100: #f5f0e3;
  --vh-danger-500: #9c3f3a;
  --vh-danger-600: #7f312d;
  --vh-danger-300: #ecaba6;
  --vh-danger-100: #f8efee;
  --vh-info-500: #3f5877;
  --vh-info-100: #eef2f6;
  --vh-violet-500: #57516b;
  --vh-violet-100: #efeef4;
  --vh-space-1: 4px;
  --vh-space-2: 8px;
  --vh-space-3: 12px;
  --vh-space-4: 16px;
  --vh-space-5: 24px;
  --vh-space-6: 32px;
  --vh-space-7: 48px;
  --vh-space-8: 60px;
  --vh-bp-sm: 560px;
  --vh-bp-md: 820px;
  --vh-bp-lg: 1100px;
  --vh-radius-sm: 6px;
  --vh-radius-md: 10px;
  --vh-radius-lg: 16px;
  --vh-radius-xl: 20px;
  --vh-radius-full: 999px;
  --vh-font-sans: Poppins, Inter, 'Segoe UI', system-ui, -apple-system, sans-serif;
  --vh-font-serif: Georgia, 'Iowan Old Style', 'Palatino Linotype', serif;
  --vh-text-xs: 12px;
  --vh-text-sm: 13px;
  --vh-text-base: 14px;
  --vh-text-md: 16px;
  --vh-text-lg: 20px;
  --vh-text-xl: 24px;
  --vh-text-2xl: 32px;
  --vh-leading-tight: 1.25;
  --vh-leading-normal: 1.5;

  /* --- Alias de la vitrine → primitives ------------------------------ */
  --ivory: var(--vh-neutral-0);
  --ivory-2: var(--vh-neutral-50);
  --card: var(--vh-neutral-0);
  --line: var(--vh-neutral-200);
  --ink: var(--vh-neutral-900);
  --ink-2: var(--vh-neutral-600);
  --ink-3: var(--vh-neutral-500);
  --green: var(--vh-green-500);
  --green-d: var(--vh-green-700);
  --green-950: var(--vh-green-900);
  --green-50: var(--vh-green-50);
  --gold: var(--vh-gold-400);
  --gold-2: var(--vh-gold-bright);
  --gold-dark: var(--vh-gold-600);
  --gold-50: var(--vh-gold-100);
  --coral: var(--vh-coral-500);
  --coral-50: var(--vh-coral-100);
  --sans: var(--vh-font-sans);
  --r: var(--vh-radius-xl);

  /* --- Propres à la vitrine ----------------------------------------- */
  /* --sec est le padding VERTICAL d'une section : deux sections voisines
     apportant chacune le leur, l'écart perçu entre deux blocs vaut 2 × --sec. */
  --serif: var(--sans);
  --sec: 60px;
  --gap: 32px;
}