/* Hallmark · macrostructure: Marquee Hero · tone: luxury-approachable · anchor hue: warm-terracotta
 * theme: studied-DNA (source: image) · paper oklch(96% 0.007 74) · accent oklch(44% 0.085 46)
 * display: Taviraj 200i · body: Petrona 200i · logo: The Seasons · studied: yes
 */

/* ── The Seasons — self-hosted (Fontspring OTF files) ───────────
   Copy all Fontspring-DEMO-theseasons-*.otf files into /fonts/
   No renaming needed — paths below match the exact filenames.
   NOTE: These are DEMO files. Purchase the full licence from
   fontspring.com/fonts/connary-fagen/the-seasons before going live.
   ──────────────────────────────────────────────────────────── */
@font-face {
  font-family: 'The Seasons';
  src: url('fonts/Fontspring-DEMO-theseasons-lt.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'The Seasons';
  src: url('fonts/Fontspring-DEMO-theseasons-ltit.otf') format('opentype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'The Seasons';
  src: url('fonts/Fontspring-DEMO-theseasons-reg.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'The Seasons';
  src: url('fonts/Fontspring-DEMO-theseasons-it.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

:root {
  /* ── Colour ─────────────────────────────────── */
  --color-paper:        oklch(96% 0.007 74);
  --color-bg:           oklch(94% 0.009 74);
  --color-surface:      oklch(97% 0.005 74);
  --color-accent:       oklch(44% 0.085 46);
  --color-accent-hover: oklch(50% 0.085 46);
  --color-ink:          oklch(24% 0 0);
  --color-ink-muted:    oklch(45% 0 0);
  --color-ink-light:    oklch(62% 0 0);
  --color-rule:         oklch(88% 0.006 74);
  --color-focus:        oklch(44% 0.085 46);
  --color-overlay:      oklch(10% 0 0 / 0.48);
  --color-white:        oklch(100% 0 0);
  --color-taupe:        oklch(88% 0.010 74);

  /* ── Typography ─────────────────────────────── */
  --font-logo:    'The Seasons', 'Taviraj', 'Georgia', serif;
  --font-display: 'Taviraj', 'Georgia', serif;
  --font-body:    'Petrona', 'Georgia', serif;
  --font-label:   var(--font-body);

  /* ── Type scale ─────────────────────────────── */
  --text-display:   clamp(2.6rem, 6vw, 5rem);
  --text-display-s: clamp(2rem, 4vw, 3.25rem);
  --text-4xl:       clamp(1.6rem, 3vw, 2.4rem);
  --text-3xl:       clamp(1.35rem, 2.5vw, 1.875rem);
  --text-2xl:       clamp(1.15rem, 2vw, 1.5rem);
  --text-xl:        1.25rem;
  --text-lg:        1.125rem;
  --text-base:      1rem;
  --text-sm:        0.875rem;
  --text-xs:        0.75rem;

  /* ── Spacing (4pt scale) ────────────────────── */
  --space-1:  0.25rem;
  --space-2:  0.5rem;
  --space-3:  0.75rem;
  --space-4:  1rem;
  --space-5:  1.25rem;
  --space-6:  1.5rem;
  --space-8:  2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-20: 5rem;
  --space-24: 6rem;
  --space-32: 8rem;

  /* ── Motion ─────────────────────────────────── */
  --ease-out:    cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in:     cubic-bezier(0.4, 0, 1, 1);
  --ease-in-out: cubic-bezier(0.45, 0, 0.55, 1);
  --dur-fast:    120ms;
  --dur-base:    220ms;
  --dur-slow:    400ms;

  /* ── Shape ───────────────────────────────────── */
  --radius-btn:  5px;
  --radius-card: 8px;
  --radius-lg:   16px;

  /* ── Rules ───────────────────────────────────── */
  --rule-hairline: 1px solid var(--color-rule);
}