/* GRADI — Theme Overrides (Single Source of Truth)
   Include via: <link rel="stylesheet" href="/assets/css/theme.css?v=1.1">
   ─────────────────────────────────────────────── */

/* Hide scrollbars — app-like feel */
* { scrollbar-width: none; }
*::-webkit-scrollbar { display: none; }

/* ── Dark Mode ──
   Overrides ALL known variable names used across pages.
   Pages use different naming conventions — we cover them all. */

:root[data-theme="dark"] {
  /* Backgrounds */
  --bg-void:       #0E0E16;
  --bg-primary:    #141420;
  --bg-surface:    #1E1E32;
  --bg-card:       #1E1E32;
  --bg-secondary:  #262640;
  --color-bg:      #141420;
  --color-surface: #1E1E32;
  --surface:       #1E1E32;

  /* Text */
  --text-primary:          #E8E8F0;
  --text-secondary:        #A0A0B8;
  --text-muted:            #7A7A98;
  --color-text:            #E8E8F0;
  --color-text-secondary:  #A0A0B8;
  --color-text-light:      #7A7A98;

  /* Borders */
  --color-border: #3A3A50;
  --border:       #3A3A50;

  /* Short aliases (tip pages) */
  --bg:           #141420;
  --text:         #E8E8F0;
  --text-light:   #7A7A98;
}

/* ── Dark Mode — Hardcoded color fixes ── */
[data-theme="dark"] .level-btn--completed {
  background: #1a3a2a;
}
[data-theme="dark"] .topic-card__img-wrap {
  box-shadow: 0 4px 16px rgba(0,0,0,0.6), 0 0 0 1px rgba(255,255,255,0.06);
}