/* ============================================
   RETURN TO SELF
   Design tokens — single source of truth
   ============================================ */

:root {
  /* ----- Colour palette ----- */
  --ink: #1A1A1A;          /* primary text */
  --muted: #5A5A5A;         /* secondary text, captions */
  --quiet: #8B8B8B;         /* tertiary text, labels */
  --rule: #CFCFCF;          /* dividers, borders */
  --whisper: #E8E5DD;       /* subtle separators */
  --cream: #F3F1EC;         /* primary background */
  --cream-deep: #EBE7DD;    /* secondary background, callouts */
  --paper: #FBFAF6;         /* lifted surfaces */
  --sage: #5C6B5C;          /* accent — headlines, eyebrows */
  --sage-deep: #3F4A3F;     /* accent depth on hover */
  --umber: #8B4A30;         /* CTAs only — sparingly used */
  --umber-deep: #6F3922;    /* CTA hover */

  /* ----- Typography scale ----- */
  --font-display: 'Playfair Display', 'Georgia', serif;
  --font-body: 'Spectral', 'Georgia', serif;
  --font-eyebrow: 'Inter', -apple-system, sans-serif;

  /* Type sizes (clamp for fluid responsive) */
  --t-eyebrow: 0.75rem;
  --t-tiny: 0.875rem;
  --t-small: 0.95rem;
  --t-body: 1.0625rem;
  --t-lead: 1.25rem;
  --t-lead-large: 1.5rem;
  --t-h4: clamp(1.25rem, 1.5vw, 1.5rem);
  --t-h3: clamp(1.5rem, 2vw, 1.875rem);
  --t-h2: clamp(2rem, 3vw, 2.75rem);
  --t-h1: clamp(2.5rem, 5vw, 4rem);
  --t-display: clamp(2.25rem, 3.5vw, 3.25rem);
  --t-display-large: clamp(2.75rem, 4vw, 3.75rem);

  /* Line heights */
  --lh-tight: 1.1;
  --lh-snug: 1.25;
  --lh-normal: 1.5;
  --lh-relaxed: 1.65;
  --lh-loose: 1.85;

  /* Letter spacing */
  --ls-tight: -0.02em;
  --ls-snug: -0.01em;
  --ls-normal: 0;
  --ls-wide: 0.05em;
  --ls-wider: 0.15em;
  --ls-widest: 0.25em;

  /* Weights (Spectral supports 200-800) */
  --w-light: 300;
  --w-regular: 400;
  --w-medium: 500;
  --w-semibold: 600;
  --w-bold: 700;

  /* ----- Spacing scale ----- */
  --s-1: 0.25rem;
  --s-2: 0.5rem;
  --s-3: 0.75rem;
  --s-4: 1rem;
  --s-5: 1.5rem;
  --s-6: 2rem;
  --s-7: 3rem;
  --s-8: 4rem;
  --s-9: 6rem;
  --s-10: 8rem;
  --s-11: 12rem;
  --s-12: 16rem;

  /* ----- Layout ----- */
  --measure-narrow: 32rem;     /* tightest reading width — pull quotes etc */
  --measure: 38rem;             /* standard reading column */
  --measure-wide: 48rem;        /* wide content blocks */
  --measure-page: 72rem;        /* full page max-width */

  /* ----- Motion ----- */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --d-quick: 200ms;
  --d-base: 400ms;
  --d-slow: 800ms;

  /* ----- Borders ----- */
  --br-hair: 1px;
  --br-thin: 2px;
  --br-medium: 3px;
}