/* The original Masterclass colour variables, mapped onto the MAT+ kit (dark default, the same look as
   MAT Universe). public/lesson-blocks.css (generated from the original stylesheets) reads these. */
:root {
  --bg-primary: var(--k-bg); --bg-secondary: var(--k-bg-2); --bg-tertiary: #111b31; --bg-card: var(--k-card);
  --bg-card-hover: var(--k-card-hover); --bg-input: #0a1122; --bg-overlay: rgba(3, 7, 17, .9);
  --text-primary: var(--k-text); --text-secondary: #a9b8d0; --text-muted: var(--k-text-2); --text-inverse: #030711; --on-gold: #030711;
  --gold: #f5b34a; --gold-light: #ffd98a; --gold-dark: #e59a2a; --gold-glow: rgba(245, 179, 74, .14); --gold-glow-strong: rgba(245, 179, 74, .3);
  --success: #34d399; --success-bg: rgba(16, 185, 129, .1); --danger: #f87171; --danger-bg: rgba(239, 68, 68, .1);
  --warning: #fbbf24; --warning-bg: rgba(245, 158, 11, .1); --info: #22d3ee; --info-bg: rgba(34, 211, 238, .08); --purple: #c4b5fd;
  --border-color: rgba(148, 172, 216, .14); --border-light: rgba(148, 172, 216, .22);
  --radius-sm: 8px; --radius-md: 12px; --radius-lg: 16px; --radius-xl: 20px;
  --shadow-sm: var(--k-shadow-card); --shadow-md: var(--k-shadow-card); --shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);
  --shadow-gold: 0 6px 16px -4px rgba(245, 179, 74, .45); --kit-ease: var(--k-ease);
  --font-sans: var(--k-font); --font-primary: var(--k-font); --font-mono: var(--k-mono);
  --transition-fast: 150ms ease; --transition-base: 250ms ease; --transition-slow: 400ms ease;
  --header-height: 64px; --sidebar-width: 280px;
}