/* 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{
  /* ── Primary palette ── */
  --pbs-blue:#2638C4;      /* signature — prominent placement, CTAs, links. PMS 293 */
  --white:#FFFFFF;

  /* ── Secondary Blues (v3: includes Light Blue) ── */
  --navy-blue:#0A145A;     /* serious tone, dark surfaces. PMS 2757 */
  --medium-blue:#0F1E8C;   /* depth alongside PBS Blue. PMS 280 */
  --light-blue:#486CD8;    /* dimension, gradients, focus. PMS 2130 */

  /* ── Primary accents (use MINIMALLY, one at a time; interchangeable) ── */
  --teal:#48D3CD;          /* PMS 3252 */
  --yellow:#FFCF00;        /* PMS 109 */
  --coral:#FE704E;         /* PMS 2345 */

  /* ── Primary Accent Alts (v3 — infrequent: when accents fail contrast
        or less vibrancy is needed; never pair with secondary accents) ── */
  --sky:#8DDFFF;           /* PMS 163 */
  --honey:#FFBD00;         /* PMS 7549 */
  --peach:#FFB699;         /* PMS 1555 */

  /* ── Secondary accents (infographics/illustration only; never On-Air,
        never in place of primary accents) ── */
  --purple:#4E05AC;        /* v3 updated hex. PMS Violet C */
  --red:#D6383A;           /* PMS 485 */
  --green:#087B45;         /* PMS 2426 */

  /* ── Recommended Neutrals (official, v3 — cool only; not On-Air) ── */
  --cloud:#F6F8FA;         /* lighter bg alongside/instead of White */
  --fog:#EEF0F5;           /* lighter bg alongside/instead of White */
  --slate:#5C6E85;         /* text on White, or bg with White text */
  --deep-sea:#040C41;      /* darker bg alongside/instead of blues */
  --midnight:#000525;      /* darker bg alongside/instead of blues */

  /* ── Cool neutral ramp (UI extension, not in brand book) ── */
  --neutral-950:#070C2E;
  --neutral-900:#10173A;
  --neutral-800:#232a52;
  --neutral-700:#3A4166;
  --neutral-500:#6B7191;
  --neutral-400:#9297b3;
  --neutral-300:#C3C7D9;
  --neutral-200:#E4E6F0;
  --neutral-100:#F2F3F8;
  --neutral-50:#F8F9FC;

  /* ── Semantic aliases ── */
  --brand-primary:var(--pbs-blue);
  --brand-primary-hover:var(--medium-blue);
  --brand-primary-active:var(--navy-blue);
  --brand-on-primary:var(--white);

  --surface-page:var(--white);
  --surface-card:var(--white);
  --surface-subtle:var(--fog);
  --surface-sunken:var(--cloud);
  --surface-inverse:var(--navy-blue);
  --surface-brand:var(--pbs-blue);

  --text-heading:var(--navy-blue);
  --text-body:var(--neutral-900);
  --text-muted:var(--neutral-500);
  --text-on-dark:var(--white);
  --text-on-dark-muted:rgba(255,255,255,.72);
  --text-link:var(--pbs-blue);
  --text-link-hover:var(--medium-blue);

  --border:var(--neutral-200);
  --border-strong:var(--neutral-300);
  --border-brand:var(--pbs-blue);

  --focus-ring:var(--light-blue);

  --accent-teal:var(--teal);
  --accent-yellow:var(--yellow);
  --accent-coral:var(--coral);

  /* ── Gradients (v3) — diagonal, light source in a TOP corner only.
        With imagery, put the light source OPPOSITE the subject. ── */
  --gradient-primary:linear-gradient(135deg,var(--light-blue) 0%,var(--pbs-blue) 45%,var(--medium-blue) 100%);
  /* Secondary: adds Sky; full-bleed backgrounds ONLY (no imagery/footage) */
  --gradient-secondary:linear-gradient(135deg,var(--sky) 0%,var(--light-blue) 22%,var(--pbs-blue) 55%,var(--medium-blue) 100%);
  /* Primary Gradient as an imagery overlay — always 80% opacity */
  --gradient-primary-overlay:linear-gradient(135deg,rgba(72,108,216,.8) 0%,rgba(38,56,196,.8) 45%,rgba(15,30,140,.8) 100%); /* @kind color */
  /* Top-RIGHT light source (225deg) — required for broadcast endpages, title cards and promos; use when the subject sits left */
  --gradient-primary-tr:linear-gradient(225deg,var(--light-blue) 0%,var(--pbs-blue) 45%,var(--medium-blue) 100%);
  --gradient-primary-overlay-tr:linear-gradient(225deg,rgba(72,108,216,.8) 0%,rgba(38,56,196,.8) 45%,rgba(15,30,140,.8) 100%); /* @kind color */
  /* Legacy aliases (pre-v3) */
  --gradient-brand:var(--gradient-primary);
  --gradient-deep:linear-gradient(160deg,var(--medium-blue),var(--navy-blue));
}
a{color:var(--text-link);text-decoration:none}
a:hover{color:var(--text-link-hover);text-decoration:underline}