/* Theme variables - Sleek, modern, engaging for teenagers & learners */
:root {
  --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  
  /* Primary & Accent Palettes */
  --primary: #4f46e5;
  --primary-hover: #4338ca;
  --primary-light: #e0e7ff;
  --primary-glow: rgba(79, 70, 229, 0.35);

  --accent-cyan: #06b6d4;
  --accent-emerald: #10b981;
  --accent-amber: #f59e0b;
  --accent-rose: #f43f5e;
  --accent-purple: #8b5cf6;

  /* Dark Mode Defaults (Modern Dark / Slate) */
  --bg-app: #0b1120;
  --bg-surface: #131c31;
  --bg-card: #1e293b;
  --bg-card-hover: #24344d;
  --bg-input: #0f172a;
  
  --border-subtle: rgba(255, 255, 255, 0.08);
  --border-card: rgba(255, 255, 255, 0.12);
  --border-focus: #6366f1;

  --text-main: #f8fafc;
  --text-muted: #94a3b8;
  --text-dim: #64748b;

  --badge-bg: rgba(99, 102, 241, 0.15);
  --badge-text: #a5b4fc;

  --success-bg: rgba(16, 185, 129, 0.15);
  --success-border: #10b981;
  --success-text: #34d399;

  --error-bg: rgba(244, 63, 94, 0.15);
  --error-border: #f43f5e;
  --error-text: #fb7185;

  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.3);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.4);
  --shadow-lg: 0 10px 30px rgba(0, 0, 0, 0.5);
  --shadow-glow: 0 0 20px rgba(79, 70, 229, 0.25);

  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-full: 9999px;

  --transition-fast: 0.15s ease;
  --transition-normal: 0.25s ease;
}

/* Light Mode Overrides */
[data-theme="light"] {
  --bg-app: #f1f5f9;
  --bg-surface: #ffffff;
  --bg-card: #ffffff;
  --bg-card-hover: #f8fafc;
  --bg-input: #f8fafc;

  --border-subtle: rgba(0, 0, 0, 0.06);
  --border-card: rgba(0, 0, 0, 0.1);
  --border-focus: #4f46e5;

  --text-main: #0f172a;
  --text-muted: #475569;
  --text-dim: #94a3b8;

  --badge-bg: #e0e7ff;
  --badge-text: #4338ca;

  --success-bg: #ecfdf5;
  --success-border: #10b981;
  --success-text: #065f46;

  --error-bg: #fff1f2;
  --error-border: #f43f5e;
  --error-text: #9f1239;

  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.06);
  --shadow-md: 0 4px 14px rgba(0, 0, 0, 0.08);
  --shadow-lg: 0 10px 30px rgba(0, 0, 0, 0.12);
  --shadow-glow: 0 0 20px rgba(79, 70, 229, 0.15);
}

/* Subject-Specific Themes */
[data-subject="slovencina"] {
  --primary: #e11d48;
  --primary-hover: #be123c;
  --primary-light: #ffe4e6;
  --primary-glow: rgba(225, 29, 72, 0.35);
  --border-focus: #f43f5e;
  --badge-bg: rgba(225, 29, 72, 0.15);
  --badge-text: #fda4af;
  --shadow-glow: 0 0 20px rgba(225, 29, 72, 0.25);
}

[data-subject="slovencina"][data-theme="light"] {
  --badge-bg: #ffe4e6;
  --badge-text: #be123c;
  --border-focus: #e11d48;
  --shadow-glow: 0 0 20px rgba(225, 29, 72, 0.15);
}

[data-subject="matematika"] {
  --primary: #059669;
  --primary-hover: #047857;
  --primary-light: #d1fae5;
  --primary-glow: rgba(5, 150, 105, 0.35);
  --border-focus: #10b981;
  --badge-bg: rgba(16, 185, 129, 0.15);
  --badge-text: #6ee7b7;
  --shadow-glow: 0 0 20px rgba(5, 150, 105, 0.25);
}

[data-subject="matematika"][data-theme="light"] {
  --badge-bg: #d1fae5;
  --badge-text: #047857;
  --border-focus: #059669;
  --shadow-glow: 0 0 20px rgba(5, 150, 105, 0.15);
}