/* Greater Love TV · Cinematic · design tokens (custom properties only) */
:root {
  /* colour */
  --bg: #000000;
  --surface-1: #121212;
  --surface-2: #1B1B1B;
  --surface-3: #262626;
  --line: rgba(255, 255, 255, 0.12);
  --line-strong: rgba(255, 255, 255, 0.24);
  --text: #FFFFFF;
  --muted: #B3B3B3;
  --red: #C9232D;
  --red-hover: #E02E39;
  --red-deep: #8F161E;
  --red-glow: rgba(201, 35, 45, 0.35);
  --red-tint: rgba(201, 35, 45, 0.16);
  --focus: #FFFFFF;

  /* type: one geometric sans for everything */
  --font: "Manrope", "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
  --fs-xs: 0.75rem;
  --fs-sm: 0.875rem;
  --fs-md: 1rem;
  --fs-lg: 1.125rem;
  --fs-xl: 1.375rem;
  --fs-2xl: clamp(1.5rem, 1.1rem + 1.6vw, 2.25rem);
  --fs-3xl: clamp(2rem, 1.2rem + 3vw, 3.25rem);
  --fs-display: clamp(2.5rem, 1.5rem + 5vw, 4.5rem); /* up to 72px */
  --lh-tight: 1.05;
  --lh-snug: 1.2;
  --lh-body: 1.55;
  --track-caps: 0.14em;

  /* space */
  --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;
  --gutter: clamp(1rem, 4vw, 3.5rem);
  --section-y: clamp(2.5rem, 6vw, 5rem);
  --max: 1600px;
  --measure: 62ch;

  /* shape and depth */
  --r-sm: 6px;
  --r-md: 12px;
  --r-lg: 20px;
  --r-pill: 999px;
  --shadow-card: 0 10px 30px rgba(0, 0, 0, 0.6);
  --shadow-lift: 0 22px 44px rgba(0, 0, 0, 0.75);
  --glow: 0 0 0 4px var(--red-glow);

  /* motion */
  --dur: 180ms;
  --ease: cubic-bezier(0.2, 0.7, 0.2, 1);

  /* chrome */
  --header-h: 68px;
  --helpbar-h: 64px;
}