@import url("https://fonts.googleapis.com/css2?family=Fira+Code:wght@500;600&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;700&display=swap");
@import url("../../shared/study-base.css");

:root {
  --bg: #f8f4ed;
  --bg-card: rgba(255, 252, 245, 0.84);
  --bg-card-hover: rgba(255, 254, 250, 0.96);
  --bg-sidebar: rgba(28, 20, 8, 0.82);
  --border: rgba(120, 80, 20, 0.15);
  --border-light: rgba(254, 243, 199, 0.14);
  --text: #2c1e0e;
  --text-muted: #6b5a44;
  --text-dim: #8f7e68;
  --text-inverse: #fef8ee;
  --accent: #d97706;
  --accent-strong: #b45309;
  --accent-glow: rgba(217, 119, 6, 0.14);
  --blue: #3776ab;
  --blue-bg: rgba(55, 118, 171, 0.1);
  --yellow-bg: rgba(55, 118, 171, 0.12);
  --purple: #7c3aed;
  --shadow: 0 30px 90px rgba(20, 14, 5, 0.18);
  --shadow-soft: 0 20px 44px rgba(20, 14, 5, 0.08);
  --font: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-display: 'Space Grotesk', 'Plus Jakarta Sans', sans-serif;
  --font-mono: 'Fira Code', 'JetBrains Mono', 'IBM Plex Mono', 'Consolas', monospace;

  --dark-bg: #1c1408;
  --dark-bg-2: #2e2010;
  --light-bg-1: #f2ede5;
  --accent-rgb: 217, 119, 6;
  --accent-strong-rgb: 180, 83, 9;
  --secondary-rgb: 55, 118, 171;
  --dark-rgb: 28, 20, 8;
  --dark-2-rgb: 46, 32, 16;
  --dark-shadow-rgb: 16, 10, 3;
  --shadow-medium-rgb: 20, 14, 5;
  --shadow-card-rgb: 88, 70, 42;
  --border-rgb: 120, 80, 20;
  --grid-line-rgb: 180, 150, 100;
  --hero-highlight: #fcd34d;
  --hero-highlight-rgb: 252, 211, 77;
  --hero-text: #fffbeb;
  --sidebar-link-accent: #fef3c7;
  --sidebar-text-rgb: 254, 243, 199;
  --sidebar-border-rgb: 253, 230, 175;
  --section-bg-rgb: 255, 252, 245;
  --section-bg-2-rgb: 250, 245, 235;
  --hero-border-rgb: 200, 160, 100;
  --btn-primary-text: #1c1408;
  --table-th-bg-rgb: 254, 247, 235;
  --chip-bg-rgb: 55, 118, 171;

  /* Course asset hooks — consumed by selectors in shared/study-base.css. */
  --course-hero-bg: url("/9001Py/shared/assets/prog-hero.png");
  --course-divider-bg: url("/9001Py/shared/assets/prog-divider.png");
  --course-divider-display: block;
  --course-accent-bg: url("/9001Py/shared/assets/prog-accent.png");
}