/* =========================================================
   ZK WEDDING FILMS — DESIGN TOKENS
   Cream / ink / gold editorial palette · Jost · sharp edges
   ========================================================= */

:root {
  /* Brand palette */
  --cream:       #F3F0E8;
  --cream-alt:   #EDE8DD;
  --ink:         #1A1714;
  --footer-bg:   #16140F;
  --muted:       #9a8f7f;
  --muted-body:  #5c5347;
  --gold:        #B08A4F;
  --gold-hover:  #C49A5C;

  /* Semantic aliases */
  --color-bg:           var(--cream);
  --color-bg-alt:       var(--cream-alt);
  --color-text:         var(--ink);
  --color-text-muted:   var(--muted);
  --color-text-body:    var(--muted-body);
  --color-accent:       var(--gold);
  --color-accent-hover: var(--gold-hover);
  --color-footer:       var(--footer-bg);
  --color-on-dark:      var(--cream-alt);
  --color-hero-text:    var(--cream);

  --border-ink:   rgba(26, 23, 20, 0.28);
  --border-soft:  rgba(26, 23, 20, 0.14);
  --border-nav:   rgba(26, 23, 20, 0.10);
  --nav-glass:    rgba(243, 240, 232, 0.92);

  /* Typography — Jost only */
  --font: "Jost", "Helvetica Neue", Arial, sans-serif;

  --fs-xs:   10px;
  --fs-sm:   11px;
  --fs-label: 12px;
  --fs-base: 15px;
  --fs-md:   16px;
  --fs-lg:   17px;
  --fs-xl:   clamp(20px, 2.4vw, 40px);
  --fs-hero: clamp(28px, 3.4vw, 52px);
  --fs-display: clamp(24px, 2.6vw, 38px);

  --fw-light:  300;
  --fw-regular: 400;
  --fw-medium: 500;

  --ls-label:  0.22em;
  --ls-eyebrow: 0.36em;
  --ls-wide:   0.28em;
  --ls-wider:  0.4em;

  --lh-body: 1.62;
  --lh-tight: 1.04;

  /* Spacing — floor stays comfortable on phones; cap keeps wide screens from opening large gaps */
  --section-y: clamp(70px, 6vh, 100px);
  --section-x: clamp(24px, 4vw, 72px);
  --nav-pad-y: 20px;
  --nav-pad-x: clamp(20px, 5vw, 72px);

  /* Layout */
  --container-max: 1280px;
  --nav-h: 72px;
  --nav-z: 120;

  /* Sharp edges everywhere */
  --radius: 0;

  /* Motion */
  --t-fast: 0.2s ease;
  --t-base: 0.35s ease;
  --t-slow: 0.8s ease;
}