/* De Luxe Kapper — design tokens (briefing §4) */

@font-face {
  font-family: "Archivo";
  font-style: normal;
  font-weight: 800 900;
  font-stretch: 112% 125%;
  font-display: swap;
  src: url("../fonts/archivo-var-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Inter Tight";
  font-style: normal;
  font-weight: 400 600;
  font-display: swap;
  src: url("../fonts/inter-tight-var-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Instrument Serif";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/instrument-serif-italic-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  /* Basis — zwart/antraciet, geen puur #000 */
  --c-ink:        #0B0B0C;  /* pagina-achtergrond */
  --c-ink-2:      #141416;  /* kaarten, secties */
  --c-ink-3:      #1D1D20;  /* hover, randen */
  --c-line:       rgba(255,255,255,.08);

  /* Tekst */
  --c-text:       #F4F1EA;  /* warm wit */
  --c-text-muted: #A8A39A;
  --c-text-dim:   #6E6A63;  /* alleen decoratief, haalt geen AA voor tekst */

  /* Goud — accent, nooit als grote vlakvulling */
  --c-gold:       #C9A45C;
  --c-gold-light: #E6CB8E;
  --c-gold-deep:  #8E6F32;
  --g-gold: linear-gradient(135deg, #8E6F32 0%, #C9A45C 35%, #F1DDA6 55%, #C9A45C 75%, #8E6F32 100%);

  /* Chroom (UI-details, iconen, dunne lijnen) */
  --c-chrome:     #C7CACF;

  /* Lichte sectie (1× gebruiken voor ritme: prijzen) */
  --c-paper:      #F2EEE6;
  --c-paper-ink:  #151412;
  --c-paper-muted:#5E5A53;  /* 5.9:1 op paper */
  --c-paper-line: rgba(21,20,18,.12);
  --c-gold-on-paper: #7A5E26; /* 5.3:1 op paper — goud-tekst in de lichte sectie */

  /* Barberpaal — alleen als 3px-streep detail */
  --c-pole-red:   #B3262D;
  --c-pole-blue:  #1F3F8C;

  /* Rood tapijt — alleen hover/focus-accent op de primaire CTA-rand of microdetail */
  --c-carpet:     #8E1B1F;

  /* Status */
  --c-open:       #4CC38A;

  /* Typografie */
  --f-display: "Archivo", system-ui, sans-serif;   /* variabel, gesubset: wdth 112–125, wght 800–900 */
  --f-body:    "Inter Tight", system-ui, sans-serif;
  --f-accent:  "Instrument Serif", Georgia, serif; /* alleen italic, als accentwoord */

  /* Schaal (fluid) */
  --fs-hero:  clamp(3.5rem, 12vw, 11rem);
  --fs-h2:    clamp(2.25rem, 5.5vw, 4.5rem);
  --fs-h3:    clamp(1.375rem, 2.2vw, 1.75rem);
  --fs-body:  clamp(1rem, 1.1vw, 1.125rem);
  --fs-small: .875rem;
  --fs-eyebrow: .8125rem;

  /* 8px-grid */
  --s-1: 8px;  --s-2: 16px; --s-3: 24px; --s-4: 32px;
  --s-6: 48px; --s-8: 64px; --s-12: 96px; --s-16: 128px; --s-20: 160px;

  --radius-sm: 8px; --radius: 12px; --radius-lg: 16px; --radius-pill: 999px;
  --shadow-card: 0 2px 12px rgba(0,0,0,.35);
  --shadow-gold: 0 0 0 1px rgba(201,164,92,.35), 0 8px 32px rgba(201,164,92,.12);

  --ease-out: cubic-bezier(.22,1,.36,1);
  --dur-fast: 200ms; --dur: 300ms;
  --container: 1280px;
  --gutter: clamp(16px, 4vw, 48px);
  --topbar-h: 32px;
  --nav-h: 72px;

  /* Goudtextuur: SVG-grain over het goudverloop (woordmerk, accentwoorden, score, slot-CTA) */
  --tex-grain: url("../img/gold-grain.svg");
}