:root {
  /* Type scale (slide-appropriate) */
  --type-display: 132px;
  --type-title: 72px;
  --type-section-num: 220px;
  --type-subtitle: 44px;
  --type-h2: 56px;
  --type-body: 32px;
  --type-small: 24px;
  --type-eyebrow: 24px;
  --type-mono-lg: 28px;
  --type-mono: 24px;
  --type-mono-sm: 24px;

  /* Spacing */
  --chrome-pad-x: 64px;
  /* Horizontal content gutter. Tracks the chrome-bar width so slide
     content lines up with the chrome rail (path / act counter / footer)
     instead of sitting indented from it. One knob for the whole deck. */
  --pad-x: var(--chrome-pad-x);
  --pad-top: 110px;
  --pad-bottom: 100px;
  --gap-title: 56px;
  --gap-item: 32px;

  /* Colors — Valencia JUG near-black base (sampled from the meetup flyer) */
  --bg: #0E0D13;
  --bg-elev: #17151D;
  --bg-card: #201C26;
  --line: rgba(255,255,255,0.10);
  --line-strong: rgba(255,255,255,0.20);
  /* Amplifier-specific (Act 3) */
  --amp-bad: #E5484D;      /* "bad" amplifier — red (decoupled from the retired pink) */
  --amp-good: var(--green);
  --fg: #FFFFFF;
  --fg-dim: #BDB4AB;       /* warm gray (de-blued) */
  --fg-mute: #837A70;      /* warm gray (de-blued) */

  /* Accents */
  --orange: #F4541F;       /* flyer vermilion — primary accent */
  --orange-soft: #FF7A45;
  --cyan: #5BE9F0;         /* positive / cool contrast */
  --pink: var(--orange);   /* retired brand pink → aliases the primary orange so legacy highlight usages re-theme */
  --purple: var(--accent-2); /* retired → aliases the warm gold category tone */
  --accent: var(--orange); /* primary */
  --accent-2: #C9962E;     /* warm gold — secondary */

  /* Effects */
  --grid: rgba(255,255,255,0.05);
  --grid-strong: rgba(244,84,31,0.10);
}