/* ---------------------------------------------------------------
   SETTINGS — design tokens for Table Watch Post
   Layer 1 of 4. Nothing in this file produces output on its own.
   --------------------------------------------------------------- */

:root {
  /* Palette: light grey base, cobalt structure, coral accent */
  --paper:        #f2f2ef;
  --paper-tint:   #e9e9e4;
  --surface:      #fbfbf9;
  --ink:          #14161a;
  --ink-soft:     #4c525c;
  --ink-faint:    #737a85;
  --cobalt:       #1b3fd1;
  --cobalt-deep:  #142f9c;
  --coral:        #ff5a47;
  --coral-ink:    #bf3421;

  --rule:         rgba(20, 22, 26, 0.14);
  --rule-strong:  rgba(20, 22, 26, 0.32);
  --rule-faint:   rgba(20, 22, 26, 0.07);

  /* Spacing — 4px scale */
  --s-1: 4px;
  --s-2: 8px;
  --s-3: 12px;
  --s-4: 16px;
  --s-5: 24px;
  --s-6: 32px;
  --s-7: 48px;
  --s-8: 64px;
  --s-9: 96px;

  /* Measure and containers */
  --container: 1160px;
  --container-narrow: 780px;
  --gutter: var(--s-5);
  --measure: 68ch;

  /* Radii — retro-modern: soft but never pill-soft on structure */
  --r-sm: 6px;
  --r-md: 10px;
  --r-lg: 16px;

  /* Type */
  --font-display: "Alfa Slab One", "Rockwell", "Courier Bold", Georgia, serif;
  --font-head: "Zilla Slab", "Rockwell", Georgia, serif;
  --font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

  --fs-hero: clamp(2.35rem, 6.2vw, 4.4rem);
  --fs-h1:   clamp(2rem, 4.4vw, 3.1rem);
  --fs-h2:   clamp(1.5rem, 3vw, 2.15rem);
  --fs-h3:   clamp(1.15rem, 1.8vw, 1.4rem);
  --fs-body: 1.0625rem;
  --fs-small: 0.875rem;
  --fs-tiny:  0.78rem;
  --fs-numeral: clamp(2.6rem, 6vw, 4.2rem);

  --lh-tight: 1.08;
  --lh-head: 1.2;
  --lh-body: 1.7;

  --track-label: 0.14em;

  /* The single shadow used on this site (cards lifting off the paper) */
  --lift: 0 1px 0 rgba(20, 22, 26, 0.06);

  --section-y: clamp(48px, 7vw, 96px);
  --transition: 180ms ease;
}