/* ==========================================================================
   Asian Toypoodle — Design tokens
   --------------------------------------------------------------------------
   Warm & vertrouwd. Basis: het DoodlesByS-systeem (cream / espresso / camel,
   Fraunces + Inter), warmer gemaakt met een romige achtergrond, zacht
   poederroze, chocoladebruin en het roodbruin van de toypoodles als accent.
   Handschrift (Ephesis) voor persoonlijke stukjes: "Hoi!", "Liefs, Serra".
   ========================================================================== */

/* ---- Fonts (lokaal, woff2) ---- */
@font-face {
  font-family: 'Fraunces';
  src: url('../fonts/fraunces.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Fraunces';
  src: url('../fonts/fraunces-italic.woff2') format('woff2');
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/inter.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/inter-italic.woff2') format('woff2');
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}
/* Ephesis — SIL Open Font License (vrij te gebruiken, ook op het web) */
@font-face {
  font-family: 'Ephesis';
  src: url('../fonts/ephesis.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  /* ---- Palet ---- */
  --cream:        #FBF5EC;  /* hoofdachtergrond */
  --cream-light:  #FFFBF5;  /* kaarten, velden */
  --latte:        #F3E7D8;  /* afwisselende secties */
  --blush:        #F7E4DD;  /* zacht poederroze */
  --blush-deep:   #EDCBBF;
  --sand:         #E6D5BC;

  --choc:         #3A241A;  /* chocoladebruin: koppen, footer */
  --coffee:       #5E4535;  /* lopende tekst */
  --taupe:        #8A7362;  /* bijschriften */
  --hairline:     #E7D9C7;

  --rouge:        #94412B;  /* roodbruin van de toypoodles — accent */
  --rouge-deep:   #7A3220;
  --caramel:      #C98F5F;

  /* ---- Semantisch ---- */
  --bg:           var(--cream);
  --fg:           var(--choc);
  --fg-2:         var(--coffee);
  --fg-3:         var(--taupe);
  --accent:       var(--rouge);

  /* ---- Typografie ---- */
  --font-display: 'Fraunces', Georgia, serif;
  --font-body:    'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-script:  'Ephesis', 'Snell Roundhand', cursive;

  /* ---- Vormen ---- */
  --r-sm:   12px;
  --r-md:   20px;
  --r-lg:   clamp(20px, 2.4vw, 32px);
  --r-arch: 999px 999px var(--r-md) var(--r-md);
  --shadow: 0 18px 40px -26px rgba(58, 36, 26, 0.35);

  /* ---- Spacing ---- */
  --gutter:  clamp(20px, 4.5vw, 72px);
  --section: clamp(80px, 11vw, 160px);
  --max:     1320px;
  --header-h: 68px;

  /* ---- Motion ---- */
  --ease:      cubic-bezier(0.22, 1, 0.36, 1);
  --dur-fast:  220ms;
  --dur-base:  450ms;
  --dur-slow:  900ms;
}

@media (min-width: 1180px) {
  :root { --header-h: 84px; }
}