/* ============================================================
   Cedar Hollow — Design tokens
   The single source of truth for the collection's visual system.
   New destination pages inherit these; do not fork them.
   ============================================================ */

:root {
  /* Colour — ground */
  --cream:       #F4F0E4;
  --cream-warm:  #EDE6D3;
  --parchment:   #FBF9F2;

  /* Colour — ink & forest */
  --ink:         #23291F;
  --ink-soft:    #4A5142;
  --forest-900:  #1E2A1E;
  --forest-800:  #24331F;
  --forest-700:  #2C3D2A;
  --forest-500:  #47593F;
  --moss:        #8C9678;
  --moss-soft:   #B5BCA4;

  /* Colour — material accents */
  --oak:         #A67C44;
  --brass:       #7E6230; /* AA on cream/parchment for small caps text */
  --brass-soft:  #CDB27A;

  /* On-dark text */
  --on-dark:      #EFEADB;
  --on-dark-soft: #C9CBB8;

  /* Typography */
  --font-serif: 'Fraunces', 'Iowan Old Style', Georgia, serif;
  --font-sans:  'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;

  --text-display: clamp(2.55rem, 2.5vw + 1.9rem, 4.75rem);
  --text-h2:      clamp(1.9rem,  1.8vw + 1.35rem, 3.25rem);
  --text-h3:      clamp(1.4rem,  0.7vw + 1.2rem, 1.9rem);
  --text-lead:    clamp(1.12rem, 0.35vw + 1rem,  1.3rem);
  --text-body:    clamp(1rem,    0.2vw + 0.95rem, 1.125rem);
  --text-small:   0.9rem;
  --text-eyebrow: clamp(0.72rem, 0.1vw + 0.7rem, 0.8rem);

  --leading-tight: 1.08;
  --leading-head:  1.16;
  --leading-prose: 1.68;

  --track-caps: 0.18em;

  /* Space (fluid rhythm) */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 1rem;
  --space-4: 1.5rem;
  --space-5: 2.25rem;
  --space-6: clamp(2.5rem, 5vw, 4rem);
  --space-7: clamp(3.5rem, 7vw, 6rem);
  --space-8: clamp(4.5rem, 9vw, 8rem);
  --space-9: clamp(6rem, 12vw, 10.5rem);

  /* Layout */
  --container: 74rem;
  --prose-measure: 42rem;
  --gutter: clamp(1.25rem, 4vw, 2.5rem);

  /* Shape & line */
  --radius-plate: 3px;
  --radius-pill: 999px;
  --hairline: 1px solid color-mix(in srgb, var(--brass) 38%, transparent);
  --hairline-dark: 1px solid color-mix(in srgb, var(--brass-soft) 30%, transparent);

  /* Motion */
  --ease-scenic: cubic-bezier(0.22, 0.61, 0.21, 1);
  --dur-quick: 200ms;
  --dur-scenic: 750ms;
}