/* ═══════════════════════════════════════════════════════════════
   Luna LMS — Design Tokens v1.0
   Source of Truth. Підключати першим у всіх templates.
   Гілка: fix/design-tokens-contrast-a11y | 2026-05-31
═══════════════════════════════════════════════════════════════ */
:root {
  /* ── Brand: Lime Green ─────────────────────────────────────── */
  --accent:       #9FE870;     /* ТІЛЬКИ для фонів (кнопки, чипи, бейджі)  */
  --accent-rgb:   159,232,112; /*   L=0.663 → 1.47:1 vs white — НЕ текст   */
  --accent-dark:  #1A1A1A;     /* текст НА --accent; 11.81:1 vs #9FE870 ✅  */
  --accent-label: #1A7A00;     /* текст/посилання на білому; 5.49:1 ✅ AA   */

  /* ── Brand: Blue ───────────────────────────────────────────── */
  --accent-blue:      #6A6EEB;
  --accent-blue-rgb:  106,110,235;
  --accent-blue-soft: #EEEFFE;
  --accent-blue-deep: #4A4FD9;

  /* ── Brand: Fire ───────────────────────────────────────────── */
  --accent-fire:      #CC1C1C;
  --accent-fire-rgb:  204,28,28;
  --accent-fire-deep: #7A0000;
  --accent-fire-soft: #FFE0D6;

  /* ── Surface & Text ────────────────────────────────────────── */
  --bg:           #F5F5F7;
  --glass-white:  #FFFFFF;
  --glass-border: rgba(0,0,0,0.06);
  --glass-shadow: 0 1px 4px rgba(0,0,0,.06), 0 4px 16px rgba(0,0,0,.04);
  --blur:         none;
  --text:         #1A1A1A;
  --text2:        #6E6E73;
  --text3:        #8E8E93;
  --sep:          #E5E5EA;
  --sep2:         #F0F0F2;
  --ink:          #0E0E10;

  /* ── Radius ─────────────────────────────────────────────────
     Unified. Було: 18/22/24px (lms/home/landing). Тепер — 20px.
     --r-xl у landing.css більше не використовується.
  ── */
  --radius-xl:   20px;
  --radius-lg:   16px;
  --radius-md:   10px;
  --radius-sm:   8px;
  --radius-pill: 100px;

  /* ── Semantic States ────────────────────────────────────────── */
  --success: #30D158;
  --warning: #FF9F0A;
  --danger:  #FF453A;
}

/* ── Dark Theme overrides ─────────────────────────────────────── */
[data-theme="dark"] {
  --bg:           #1A1A1A;
  --glass-white:  #242424;
  --glass-border: rgba(255,255,255,0.08);
  --glass-shadow: 0 1px 4px rgba(0,0,0,.3), 0 4px 16px rgba(0,0,0,.2);
  --text:         #F2F2F7;
  --text2:        rgba(235,235,245,0.50);
  --sep:          rgba(255,255,255,0.10);
  --accent-blue:      #7C80F0;
  --accent-blue-soft: rgba(124,128,240,.14);
  --accent-blue-deep: #5A5EE0;
  /* --accent-label у dark mode: зелений на темному тлі — потребує перевірки */
  /* Попередньо: #3DB800 (~4.5:1 vs #1A1A1A bg) — уточнити окремо */
}