:root{
  /* ---- Palette: ink + bone + a single wine-red pop ----
     (taste-skill: one locked accent, no gold/brass premium-consumer tell,
      flat solids instead of AI gradient glows.) */
  --wine-ink:   #100B0E;   /* near-black, faint wine - dark bg */
  --wine-ink-2: #191216;   /* slightly lifted dark (stages) */
  --aubergine:  #241019;   /* secondary dark */
  --burgundy:   #5A0F21;   /* deep wine - accent on light bg */
  --wine:       #C42E4C;   /* the single saturated accent (pop) on dark */
  --wine-soft:  #D8455F;   /* hover */
  --parchment:  #F2EEE7;   /* light bg + text on dark (clean bone, not cream) */
  --parchment-2:#E7E1D6;
  --hardware:   #141014;   /* the black lock */

  /* roles (dark default) */
  --bg:        var(--wine-ink);
  --fg:        var(--parchment);
  --muted:     rgba(242,238,231,.56);
  --hair:      rgba(242,238,231,.14);
  --accent:    var(--wine);

  /* ---- Type: Vinigma's own typefaces (the ones on vinigma.fr) ----
     Display/heads = Poppins (bold geometric sans). Body/UI = Inter.
     These replace the earlier Hanken Grotesk / DM Mono / Geist set. */
  --font-display: "Poppins","Segoe UI",system-ui,-apple-system,sans-serif;
  --font-head:    "Poppins","Segoe UI",system-ui,-apple-system,sans-serif;
  --font-ui:      "Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --font-mono:    "Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --font-serif:   "Inter",Georgia,"Times New Roman",serif;

  /* Editorial scale */
  --fs-mega:    clamp(4rem, 17vw, 13rem);
  --fs-hero:    clamp(3rem, 9.5vw, 8rem);
  --fs-h2:      clamp(2rem, 4.6vw, 3.25rem);
  --fs-h3:      clamp(1.35rem, 2.4vw, 2.1rem);
  --fs-lead:    clamp(1.05rem, 1.5vw, 1.35rem);
  --fs-body:    clamp(1rem, 1.1vw, 1.1rem);
  --fs-eyebrow: .78rem;
  --fs-small:   .8rem;

  --lh-tight: .92;
  --lh-body: 1.55;
  --ls-display: -.03em;
  --ls-eyebrow: .2em;

  /* ---- Layout ---- */
  --wrap: 1600px;
  --pad: clamp(1.25rem, 4.5vw, 4.5rem);
  --radius: 14px;

  /* ---- Motion ---- */
  --ease: cubic-bezier(.22,.61,.36,1);
  --ease-out-expo: cubic-bezier(.16,1,.3,1);
  --dur: .7s;
}

/* Light sections invert the roles; accent becomes the deep wine for contrast on bone. */
.section--light{
  --bg: var(--parchment);
  --fg: var(--wine-ink);
  --muted: rgba(16,11,14,.62);
  --hair: rgba(16,11,14,.14);
  --accent: var(--burgundy);
}