/* ===========================================================
   HOUSE OF SKORIA — DESIGN TOKENS
   =========================================================== */
:root{
  /* ---- Core palette ---- */
  --dark:       #1B140C;   /* primary dark — dark sections, footer */
  --light:      #EFE9DD;   /* primary light — light sections */
  --accent:     #F8F5EF;   /* accent light — subtle variant */
  --bronze:     #846b43;   /* warm bronze — CTA, accents, icons */
  --bronze-soft:#C9B68C;   /* tinted bronze for dark-bg accents */
  --ink:        #1B140C;   /* text on light backgrounds */
  --ink-soft:   #3A2E22;   /* secondary text on light */
  --ink-faint:  #6B6457;   /* tertiary text / captions */
  --cream:      #F8F5EF;   /* legacy alias */
  --cream-deep: #EFE9DD;   /* legacy alias */
  --paper:      #FFFFFF;
  --line:       #D9D0C0;   /* hairline on light */
  --line-dark:  rgba(248,245,239,0.16); /* hairline on dark */

  /* Section backgrounds — alternating */
  --bg-dark:    #1B140C;
  --bg-light:   #EFE9DD;
  --bg-accent:  #F8F5EF;

  /* ---- Typography ---- */
  --font-display: "Cormorant Garamond", Georgia, "Times New Roman", serif;
  --font-body:    "Outfit", "Helvetica Neue", Helvetica, Arial, sans-serif;

  --fs-eyebrow: 0.78rem;
  --fs-body:    1rem;
  --fs-body-lg: 1.125rem;
  --fs-h6: 1.125rem;
  --fs-h5: 1.5rem;
  --fs-h4: 1.875rem;
  --fs-h3: 2.5rem;
  --fs-h2: clamp(2.25rem, 3.4vw, 3.25rem);
  --fs-h1: clamp(2.75rem, 6vw, 5.25rem);

  --lh-tight: 1.08;
  --lh-snug:  1.25;
  --lh-body:  1.7;

  --ls-eyebrow: 0.22em;
  --ls-wide:    0.06em;

  /* ---- Spacing ---- */
  --sp-1: 0.25rem; --sp-2: 0.5rem;  --sp-3: 0.75rem;
  --sp-4: 1rem;    --sp-5: 1.5rem;  --sp-6: 2rem;
  --sp-7: 3rem;    --sp-8: 4.5rem;  --sp-9: 6.5rem;
  --sp-10: 9rem;

  --container: 1240px;
  --container-narrow: 820px;
  --gutter: clamp(1.25rem, 4vw, 3rem);

  /* ---- Motion ---- */
  --ease:      cubic-bezier(.22,.61,.36,1);
  --ease-soft: cubic-bezier(.16,.84,.44,1);
  --dur-fast:  240ms;
  --dur-med:   480ms;
  --dur-slow:  900ms;

  /* ---- Radius / shadow ---- */
  --radius-sm: 2px;
  --radius-md: 4px;
  --shadow-card: 0 1px 2px rgba(0,0,0,0.06), 0 18px 40px -24px rgba(0,0,0,0.35);
  --shadow-pop:  0 24px 60px -20px rgba(0,0,0,0.45);

  --header-h:          84px;
  --header-h-scrolled: 64px;
}