@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&display=swap");

/* ── styles.css ── */
/* Nashville PBS: global stylesheet entry point.
   Consumers link ONLY this file. It is a list of @imports;
   every token + @font-face ships to consumers through this closure. */
/* ── tokens/fonts.css ── */
/* FONTS ──────────────────────────────────────────────
   Brand face: "PBS Sans", the custom, trademarked humanist
   geometric sans, now self-hosted from licensed .woff2 files
   in /fonts. Arial is the sanctioned system fallback per PBS
   guidelines. "PBS Sans Cond" is the condensed cut, exposed
   via --font-cond for tight display lockups.
   IBM Plex Mono (CDN) covers code/data specimens. */


/* PBS Sans: upright */
/* @font-face PBS Sans 300 normal: declared by tokens.json (fonts/PBSSans-Light.woff2) */
/* @font-face PBS Sans 400 normal: declared by tokens.json (fonts/PBSSans.woff2) */
/* @font-face PBS Sans 500 normal: declared by tokens.json (fonts/PBSSans-Medium.woff2) */
/* @font-face PBS Sans 700 normal: declared by tokens.json (fonts/PBSSans-Bold.woff2) */
/* @font-face PBS Sans 800 normal: declared by tokens.json (fonts/PBSSans-Black.woff2) */
/* PBS Sans: italic */
/* @font-face PBS Sans 300 italic: declared by tokens.json (fonts/PBSSans-Light-It.woff2) */
/* @font-face PBS Sans 400 italic: declared by tokens.json (fonts/PBSSans-It.woff2) */
/* @font-face PBS Sans 500 italic: declared by tokens.json (fonts/PBSSans-Medium-It.woff2) */
/* @font-face PBS Sans 700 italic: declared by tokens.json (fonts/PBSSans-Bold-It.woff2) */
/* @font-face PBS Sans 800 italic: declared by tokens.json (fonts/PBSSans-Black-It.woff2) */

/* PBS Sans Cond: condensed display cut */
/* @font-face PBS Sans Cond 400 normal: declared by tokens.json (fonts/PBSSans-Cond.woff2) */
/* @font-face PBS Sans Cond 700 normal: declared by tokens.json (fonts/PBSSans-Cond-Bold.woff2) */
/* @font-face PBS Sans Cond 400 italic: declared by tokens.json (fonts/PBSSans-Cond-It.woff2) */
/* @font-face PBS Sans Cond 700 italic: declared by tokens.json (fonts/PBSSans-Cond-Bold-It.woff2) */

/* ── styles.css ── */

/* ── tokens/colors.css ── */
/* COLORS ─────────────────────────────────────────────
   Official values from the PBS Style Guide v3.0 (2026).
   v3 changes folded in: Light Blue is a SECONDARY BLUE (no
   longer a primary accent); named Recommended Neutrals;
   Primary Accent Alts (Sky, Honey, Peach); updated Purple;
   formal Primary/Secondary Gradients.
   The --neutral-* ramp is a UI extension (see readme). */
:root{
}
a{color:var(--text-link);text-decoration:none}
a:hover{color:var(--text-link-hover);text-decoration:underline}

/* ── styles.css ── */

/* ── tokens/typography.css ── */
/* TYPOGRAPHY ─────────────────────────────────────────
   One family (PBS Sans, self-hosted) across the whole
   system, per PBS "single typeface" guidance. --font-cond
   exposes the condensed cut for tight display lockups.
   Display/headings run bold-to-black and tight; body is
   regular and airy. */
:root{
  --font-body:var(--font-sans);
  --font-display:var(--font-sans); /* @kind other */

  /* Type scale (1.250 major-third-ish, tuned) */
  --fs-display-2xl:5rem;    /* 80, hero / cover */
  --fs-display-xl:3.75rem;  /* 60 */
  --fs-display-lg:3rem;     /* 48 */
  --fs-h1:2.25rem;          /* 36 */
  --fs-h2:1.75rem;          /* 28 */
  --fs-h3:1.375rem;         /* 22 */
  --fs-h4:1.125rem;         /* 18 */
  --fs-body-lg:1.125rem;    /* 18 */
  --fs-body:1rem;           /* 16 */
  --fs-body-sm:0.875rem;    /* 14 */
  --fs-caption:0.75rem;     /* 12 */
  --fs-overline:0.6875rem; /* @kind other */
  --lh-body:1.55; /* @kind other */
  --ls-overline:0.08em; /* @kind other */
}

/* ── styles.css ── */

/* ── tokens/spacing.css ── */
/* SPACING ── 4px base scale ── */
:root{
  --page-margin:clamp(20px,5vw,64px);
}

/* ── styles.css ── */

/* ── tokens/radius.css ── */
/* RADIUS ─────────────────────────────────────────────
   PBS CTAs are pill-shaped ("Start Watching" / "My List").
   Cards + media use a small, quiet radius. */
:root{
}

/* ── styles.css ── */

/* ── tokens/shadows.css ── */
/* SHADOWS ────────────────────────────────────────────
   Cool, navy-tinted, restrained. The brand is largely flat;
   elevation is used sparingly for cards, menus, dialogs. */
:root{
}

/* ── styles.css ── */


/* ── tokens/fonts.css ── */

/* ── tokens/colors.css ── */

/* ── tokens/typography.css ── */

/* ── tokens/spacing.css ── */

/* ── tokens/radius.css ── */

/* ── tokens/shadows.css ── */