/* ============================================================
   BELAJAR BAHASA JERMAN - THEME (Dark Mode)
   ============================================================ */

:root {
  /* Base colors - dark background */
  --bg: #0f172a;
  --bg2: #1e293b;
  --bg3: #334155;
  --card: #1e293b;
  --card-hover: #283548;

  /* Primary - indigo for dark */
  --primary: #818cf8;
  --primary-light: rgba(129, 140, 248, 0.12);
  --primary-glow: rgba(129, 140, 248, 0.2);

  /* Level colors - bright for dark bg contrast */
  --level-a1: #4ade80;
  --level-a2: #60a5fa;
  --level-b1: #fbbf24;
  --level-b2: #fb923c;
  --level-c1: #a78bfa;
  --level-c2: #f472b6;

  /* Accent colors */
  --accent: #2dd4bf;
  --accent2: #fbbf24;
  --accent3: #f472b6;
  --accent4: #a78bfa;

  /* Text - light on dark */
  --text: #f1f5f9;
  --text2: #94a3b8;
  --text3: #64748b;

  /* Borders and utility */
  --border: #334155;
  --success: #34d399;
  --error: #f87171;
  --warning: #fbbf24;
  --radius: 16px;
  --shadow: 0 1px 3px rgba(0,0,0,0.4), 0 4px 16px rgba(0,0,0,0.3);
  --shadow-lg: 0 4px 24px rgba(0,0,0,0.5);
}