/* Bavisco — tokens de marque (« Ink Atelier »)
   Valeurs alignées sur le design system Claude Design (palette CHAUDE, MAJ 2026-06-27) :
   encre brun foncé, kraft tabac, accent ambre. Ne pas inventer de couleurs : composer
   avec ces variables. (Source : ds-mirror/_ds_bundle.css.) */
:root {
  /* — Couleurs brutes (palette chaude) — */
  --bv-encre: #241a10;
  --bv-encre-clair: #352618;
  --bv-kraft: #e7cb9d;
  --bv-kraft-clair: #f4e6c8;
  --bv-kraft-fonce: #d2ab74;
  --bv-vermillon: #f0a23a;
  --bv-vermillon-fonce: #cf8016;
  --bv-cendre: #9a8460;
  --bv-noir: #1a120a;

  /* — Sémantiques — */
  --bv-fond: var(--bv-kraft);
  --bv-fond-encre: var(--bv-encre);
  --bv-surface: var(--bv-kraft-clair);
  --bv-surface-retrait: var(--bv-kraft-fonce);
  --bv-texte: var(--bv-encre);
  --bv-texte-doux: var(--bv-cendre);
  --bv-texte-inverse: var(--bv-kraft-clair);
  --bv-texte-accent: var(--bv-vermillon);
  --bv-accent: var(--bv-vermillon);
  --bv-trait: var(--bv-encre);
  --bv-focus: var(--bv-vermillon);
  --bv-desactive: var(--bv-cendre);

  /* — Nuit (intro néon, hors design system print) — */
  --bv-nuit: #0b0b10;
  --bv-nuit-profond: #050507;

  /* — Typographie — */
  --bv-font-display: "Alfa Slab One", Georgia, serif;
  --bv-font-texte: "Hanken Grotesk", system-ui, sans-serif;
  --bv-font-mono: "DM Mono", ui-monospace, monospace;
  --bv-font-main: "Mansalva", cursive;
  --bv-font-script: "Pacifico", cursive;   /* script néon : titres + tagline (cf. l'enseigne) */
  --bv-font-cta: "Staatliches", sans-serif; /* capitales condensées « affiche » : boutons (CTA) */

  --bv-display-xl: 6.6rem;
  --bv-display-lg: 4.8rem;
  --bv-display-md: 3.45rem;
  --bv-display-sm: 2.5rem;
  --bv-text-2xl: 1.95rem;
  --bv-text-xl: 1.6rem;
  --bv-text-lg: 1.333rem;
  --bv-text-md: 1.125rem;
  --bv-text-base: 1rem;
  --bv-text-sm: .9rem;
  --bv-text-xs: .8rem;
  --bv-text-2xs: .7rem;

  --bv-weight-regular: 400;
  --bv-weight-medium: 500;
  --bv-weight-semibold: 600;
  --bv-weight-bold: 700;
  --bv-weight-black: 800;

  --bv-leading-tight: .95;
  --bv-leading-snug: 1.15;
  --bv-leading-normal: 1.55;
  --bv-leading-relaxed: 1.72;

  --bv-tracking-tight: -.015em;
  --bv-tracking-normal: 0;
  --bv-tracking-wide: .04em;
  --bv-tracking-wider: .14em;

  /* — Espacement — */
  --bv-space-3xs: .25rem;
  --bv-space-2xs: .5rem;
  --bv-space-xs: .75rem;
  --bv-space-sm: 1rem;
  --bv-space-md: 1.5rem;
  --bv-space-lg: 2.5rem;
  --bv-space-xl: 4rem;
  --bv-space-2xl: 6rem;
  --bv-space-3xl: 9rem;

  --bv-container: 1180px;
  --bv-container-narrow: 760px;
  --bv-container-wide: 1360px;

  /* — Encre : traits, bords irréguliers, aplats décalés (jamais de flou) — */
  --bv-border-hair: 1px;
  --bv-border: 2px;
  --bv-border-bold: 3px;
  --bv-radius-none: 0;
  --bv-radius-sm: 2px;
  --bv-radius-md: 5px;
  --bv-radius-lg: 10px;
  --bv-radius-pill: 999px;
  --bv-wobble-1: 14px 7px 12px 9px / 8px 12px 8px 13px;
  --bv-wobble-2: 8px 16px 6px 13px / 14px 6px 15px 7px;
  --bv-wobble-3: 255px 15px 225px 15px / 15px 225px 15px 255px;
  --bv-ink-offset-x: 3px;
  --bv-ink-offset-y: 3px;
  --bv-stamp-shadow: var(--bv-ink-offset-x) var(--bv-ink-offset-y) 0 var(--bv-encre);
  --bv-stamp-shadow-sm: 2px 2px 0 var(--bv-encre);
  --bv-stamp-shadow-accent: var(--bv-ink-offset-x) var(--bv-ink-offset-y) 0 var(--bv-vermillon);

  --bv-dur: .16s;
  --bv-ease: cubic-bezier(.2, .7, .3, 1);

  /* — Grain de sérigraphie (filtre SVG, repris tel quel du design system) — */
  --bv-grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)' opacity='0.42'/%3E%3C/svg%3E");
  --bv-grain-strong: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)' opacity='0.6'/%3E%3C/svg%3E");
}