/* ===== Premium Houses — design tokens & fonts ===== */

/* Self-hosted fonts (OFL) */
@font-face {
  font-family: "Cormorant Garamond";
  font-style: normal; font-weight: 500; font-display: swap;
  src: url("/fonts/cormorant-500.woff2") format("woff2");
}
@font-face {
  font-family: "Cormorant Garamond";
  font-style: normal; font-weight: 600; font-display: swap;
  src: url("/fonts/cormorant-600.woff2") format("woff2");
}
/* Latin-Extended subset (Pools/CE: ę ą ł ś ż ź ń ć ó …) — zelfde Cormorant,
   alleen voor deze codepoints; browser laadt dit bestand pas als zo'n teken
   verschijnt (in de praktijk de Poolse pagina's). */
@font-face {
  font-family: "Cormorant Garamond";
  font-style: normal; font-weight: 500; font-display: swap;
  src: url("/fonts/cormorant-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Cormorant Garamond";
  font-style: normal; font-weight: 600; font-display: swap;
  src: url("/fonts/cormorant-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Inter";
  font-style: normal; font-weight: 400; font-display: swap;
  src: url("/fonts/inter-400.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: normal; font-weight: 500; font-display: swap;
  src: url("/fonts/inter-500.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: normal; font-weight: 600; font-display: swap;
  src: url("/fonts/inter-600.woff2") format("woff2");
}

:root {
  /* Brand colours — sampled from logo */
  --navy:        #0a1e38;   /* hoofdkleur */
  --navy-deep:   #061528;   /* footer / overlays */
  --navy-soft:   #14304f;   /* hover panels */
  --gold:        #c8a24c;   /* accent */
  --gold-soft:   #dcc07d;
  --gold-deep:   #a8853a;
  --cream:       #f6f2ea;   /* warme achtergrond */
  --paper:       #fbf9f5;
  --ink:         #1b1d21;   /* tekst op licht */
  --muted:       #5c6068;
  --line:        rgba(10,30,56,.12);
  --white:       #ffffff;

  /* Typografie */
  --font-head: "Cormorant Garamond", Georgia, "Times New Roman", serif;
  --font-body: "Inter", system-ui, -apple-system, Segoe UI, Roboto, sans-serif;

  /* Vloeiende type-schaal */
  --fs-eyebrow: .78rem;
  --fs-body:    clamp(1rem, .96rem + .2vw, 1.075rem);
  --fs-lead:    clamp(1.12rem, 1.04rem + .4vw, 1.3rem);
  --fs-h3:      clamp(1.4rem, 1.2rem + .8vw, 1.85rem);
  --fs-h2:      clamp(2rem, 1.5rem + 2vw, 3.1rem);
  --fs-h1:      clamp(2.6rem, 1.7rem + 4vw, 4.6rem);

  /* Ruimte */
  --space-1: .5rem;  --space-2: 1rem;   --space-3: 1.5rem;
  --space-4: 2rem;   --space-5: 3rem;   --space-6: 4.5rem;
  --space-7: 7rem;
  --container: 1240px;
  --gutter: clamp(1.2rem, 4vw, 3rem);

  --radius: 4px;
  --radius-lg: 8px;
  --shadow: 0 18px 50px -24px rgba(8,24,48,.45);
  --shadow-soft: 0 10px 30px -18px rgba(8,24,48,.35);
  --ease: cubic-bezier(.22,.61,.36,1);
  --t: .4s var(--ease);
}