/* theme.css — app overrides on top of Gentelella v4 (gentelella.css).
   Gentelella already defines the full design-token set in its :root — the dark navy sidebar,
   the teal accent, light body, radii and shadows. That IS the Gentelella look, so we inherit it
   and change only two things:

     1. The brand accent, via Gentelella's OWN token names (so it applies consistently to the
        sidebar active state, buttons, links and focus rings).
     2. Two compatibility aliases that gentelella-adapter.css expects but Gentelella spells
        differently (--surface -> --bg-surface, --bg-subtle -> --bg-surface-secondary).

   IMPORTANT: never override --sidebar-bg to a light colour. The sidebar text tokens
   (--sidebar-text, --sidebar-text-hover, …) are tuned for the dark sidebar and become
   unreadable on white — that was the previous breakage. */
:root {
  /* ── Brand accent (uses Gentelella's real token names) ───────────────── */
  --primary:        #2f9e83;   /* app teal-green */
  --primary-dk:     #27876f;
  --primary-lt:     #2f9e831a;  /* ~10% tint, mirrors Gentelella's --primary-lt */
  --sidebar-active: #2f9e8324;  /* active nav highlight on the dark sidebar */

  /* ── Compatibility aliases for gentelella-adapter.css ────────────────── */
  --surface:   var(--bg-surface);
  --bg-subtle: var(--bg-surface-secondary);
}