/* ============================================================
   PIXELS, PODCASTS & PROSE — English Writing for Multimedia.
   Sibling of the Tech & AI and PAE program brands, sharing the
   CareerComms Classroom design system so the courses read as one
   classroom. This course runs the Digital Track cyan accent.
   The landing inlines these tokens; edit course colours here and
   in landing.html's :root together.
   ============================================================ */
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@500;600;700;800&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@500;700&display=swap");

:root {
  /* Dark palette */
  --bg: #0d1117;
  --bg2: #161b22;
  --bg3: #1c2333;
  --on-dark: #f4f8f9;
  --on-dark-muted: #cdd8da;
  --dark-border: rgba(240,248,250,.08);
  --dark-border-mid: rgba(240,248,250,.15);

  /* Light / paper palette */
  --paper: #f4f2ea;
  --paper2: #e7ecec;
  --card-bg: #fbfaf5;
  --ink: #10201f;
  --ink-soft: #163330;
  --slate: #46514f;
  --hair: #d4d9d4;
  --hair-dark: #b3bcb8;

  /* Digital Track cyan accent */
  --accent: #0e9db4;
  --accent2: #0b7f92;
  --accent-bright: #2fd3e6;
  --accent-bg-dark: rgba(14,157,180,.12);
  --accent-border-dark: rgba(14,157,180,.32);
  --accent-bg-light: rgba(14,157,180,.09);
  --accent-border-light: rgba(14,157,180,.24);

  --amber: #d1a13a;
  --amber-bg: rgba(209,161,58,.12);
  --amber-border: rgba(209,161,58,.4);

  --f-display: "Poppins", system-ui, sans-serif;
  --f-body: "Inter", system-ui, sans-serif;
  --f-mono: "JetBrains Mono", ui-monospace, Menlo, monospace;
}