/* B-FOOD — tokens du design system (repris de Claude Design, palette « Braise »). */

/* Poppins 400/500/600/700 — Google Fonts (fonts.gstatic.com). */
@font-face{font-family:"Poppins";font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v21/pxiEyp8kv8JHgFVrJJfecnFHGPc.woff2) format("woff2")}
@font-face{font-family:"Poppins";font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v21/pxiByp8kv8JHgFVrLGT9Z1xlFd2JQEk.woff2) format("woff2")}
@font-face{font-family:"Poppins";font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v21/pxiByp8kv8JHgFVrLEj6Z1xlFd2JQEk.woff2) format("woff2")}
@font-face{font-family:"Poppins";font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v21/pxiByp8kv8JHgFVrLCz7Z1xlFd2JQEk.woff2) format("woff2")}

:root{
  /* Fonts */
  --font-brand:"Poppins",-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",sans-serif;
  --font-display:var(--font-brand);
  --font-body:var(--font-brand);

  /* Brand */
  --braise-500:#e23d28;      /* couleur voltage : CTA, prix, actif */
  --braise-600:#c22f1d;      /* press / hover foncé */
  --braise-700:#9d2415;
  --braise-100:#fbd8d2;
  --braise-50:#fdeeeb;
  --moutarde-500:#ffc629;    /* accent secondaire : promos, badges */
  --moutarde-600:#e9ac00;
  --moutarde-100:#fff1c7;
  --frais-500:#2f7a4f;       /* sémantique positif */
  --frais-100:#dcefe3;

  /* Ink & neutrals */
  --ink-900:#1c1917;         /* texte dominant — jamais noir pur */
  --ink-700:#3f3a37;
  --ink-500:#6f6862;
  --ink-400:#948c85;
  --line-300:#e3ded8;
  --line-200:#efeae3;
  --line-500:#c4bcb3;

  /* Surfaces */
  --canvas:#ffffff;
  --creme:#fff7ec;
  --creme-strong:#f8ece0;
  --surface-soft:#faf7f3;

  /* Type scale */
  --fs-hero:56px;    --lh-hero:1.04;   --ls-hero:-1.6px;   --fw-hero:700;
  --fs-display:40px; --lh-display:1.1; --ls-display:-1px;  --fw-display:700;
  --fs-h1:30px;      --lh-h1:1.15;     --ls-h1:-0.6px;     --fw-h1:600;
  --fs-h2:24px;      --lh-h2:1.2;      --ls-h2:-0.4px;     --fw-h2:600;
  --fs-h3:20px;      --lh-h3:1.25;     --ls-h3:-0.2px;     --fw-h3:600;
  --fs-body:16px;    --lh-body:1.55;
  --fs-body-sm:14px; --lh-body-sm:1.45;
  --fs-caption:13px; --lh-caption:1.35;
  --fs-eyebrow:11px; --lh-eyebrow:1.2; --ls-eyebrow:0.16em; --fw-eyebrow:700;

  /* Spacing (base 4px) */
  --space-xs:4px; --space-sm:8px; --space-md:12px; --space-base:16px;
  --space-lg:24px; --space-xl:32px; --space-xxl:48px;
  --container-max:1200px;

  /* Radius */
  --radius-xs:6px; --radius-sm:10px; --radius-md:16px; --radius-lg:24px; --radius-full:9999px;

  /* Elevation */
  --shadow-float:rgba(28,25,23,.03) 0 0 0 1px, rgba(28,25,23,.05) 0 2px 6px 0, rgba(28,25,23,.09) 0 6px 14px 0;

  /* Motion : court, sortie douce. Pas de bounce, pas de spring. */
  --ease-standard:cubic-bezier(.2,0,0,1);
  --dur-fast:120ms; --dur-base:180ms; --dur-slow:280ms;
  --press-scale:.97;
}