/**
 * DS Course Brand Kit — canonical tokens (no layout).
 * Source of truth: docs/BRAND_KIT.md
 */
@import url('https://fonts.googleapis.com/css2?family=Hind+Siliguri:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;600&display=swap');

:root {
  /* Brand core */
  --brand-bg: #FFFFFF;
  --brand-bg2: #F7F5F0;
  --brand-bg3: #EFEDE6;
  --brand-text: #1A1A18;
  --brand-text2: #4A4A46;
  --brand-text3: #7A7A74;
  --brand-teal: #0F6E56;
  --brand-teal-lt: #E1F5EE;
  --brand-navy: #0C2340;
  --brand-gold: #B8860B;
  --brand-border: rgba(0, 0, 0, 0.10);
  --brand-border2: rgba(0, 0, 0, 0.18);
  --brand-radius: 10px;
  --brand-radius-lg: 16px;
  --brand-font: 'Hind Siliguri', sans-serif;
  --brand-mono: 'JetBrains Mono', monospace;
  --brand-shadow: 0 2px 12px rgba(0, 0, 0, 0.07);
  --brand-shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.10);

  /* Semantic scales (lecture parts / nodes) */
  --blue-50: #E6F1FB; --blue-200: #85B7EB; --blue-600: #185FA5; --blue-800: #0C447C; --blue-900: #042C53;
  --teal-50: #E1F5EE; --teal-200: #5DCAA5; --teal-600: #0F6E56; --teal-800: #085041;
  --amber-50: #FAEEDA; --amber-200: #EF9F27; --amber-600: #854F0B; --amber-800: #633806;
  --coral-50: #FAECE7; --coral-200: #F0997B; --coral-600: #993C1D; --coral-800: #711B0D;
  --purple-50: #EEEDFE; --purple-200: #AFA9EC; --purple-600: #534AB7; --purple-800: #3C3489;
  --green-50: #EAF3DE; --green-200: #97C459; --green-600: #3B6D11; --green-800: #27500A;
  --red-50: #FCEBEB; --red-200: #F09595; --red-600: #A32D2D; --red-800: #791F1F;
  --pink-50: #FBEAF0; --pink-600: #993556;
  --gray-50: #F1EFE8; --gray-100: #D3D1C7; --gray-600: #5F5E5A;

  /* Lecture aliases (KNN-compatible) */
  --bg: var(--brand-bg);
  --bg2: var(--brand-bg2);
  --bg3: var(--brand-bg3);
  --text: var(--brand-text);
  --text2: var(--brand-text2);
  --text3: var(--brand-text3);
  --border: var(--brand-border);
  --border2: var(--brand-border2);
  --radius: var(--brand-radius);
  --radius-lg: var(--brand-radius-lg);
  --font: var(--brand-font);
  --mono: var(--brand-mono);
  --shadow: var(--brand-shadow);
  --shadow-lg: var(--brand-shadow-lg);

  /* Shell aliases */
  --course-teal: var(--brand-teal);
  --course-teal-lt: var(--brand-teal-lt);
  --course-navy: var(--brand-navy);
  --course-gold: var(--brand-gold);
  --course-text: var(--brand-text);
  --course-text2: var(--brand-text2);
  --course-text3: var(--brand-text3);
  --course-white: var(--brand-bg);
  --course-font: var(--brand-font);
  --course-mono: var(--brand-mono);
}