/* ── Variable compatibility bridge ───────────────────
   Loaded after style_v2.css. Aliases old variable names
   so existing templates keep working unmodified.
   Literal values — no var() dependency on load order.
   ──────────────────────────────────────────────────── */
:root {
  --border-color:              #333333;
  --accent-secondary:          #420069;
  --accent-subtle:             rgba(255, 147, 28, 0.15);
  --accent-secondary-subtle:   rgba(66, 0, 105, 0.15);
  --radius-sm:                 8px;
  --radius-md:                 12px;
  --radius-lg:                 20px;
  --bg-secondary:              #1a1a1a;
  --text-muted:                #888888;
}

/* ── Layout conflict resolution ──────────────────────
   style.css sets body { margin-left: 264px } for sidebar.
   style_v2.css moves this to .main-content { margin-left: 240px }.
   Reset the body margin to prevent double-indent.
   ─────────────────────────────────────────────────── */
@media (min-width: 1025px) {
  body { margin-left: 0 !important; }
  body.sidebar-minimized { margin-left: 0 !important; }
}

/* ── Body padding reset ──────────────────────────────
   style.css has body { padding: 20px } which conflicts
   with the new sidebar layout.
   ─────────────────────────────────────────────────── */
body { padding: 0; }