/**
 * UI skins — cosmetic layer only (2026-08-30 rework).
 *
 * The old structural chrome packs (topnav / rail / workspace / minimal) are
 * PARKED: they restructured the shell with ~200 !important rules on top of an
 * unstable base and multiplied breakage. Skins are now token-only — the
 * palettes live in nor-tokens.css under html[data-ui="slate" | "sport" | "paper"].
 *
 * This file may only contain color / shadow / radius touches that tokens
 * cannot reach (hardcoded gradients in main CSS). No layout. No !important.
 */

/* Primary buttons in main CSS hardcode the brand gradient — re-point it at
   the skin accent so skins visibly change the main call-to-action color. */
html[data-ui="slate"] .btn--primary,
html[data-ui="sport"] .btn--primary,
html[data-ui="paper"] .btn--primary {
  background: linear-gradient(115deg, var(--accent-hot), var(--accent));
  box-shadow: 0 6px 22px var(--noribel-blue-dim);
}
html[data-ui="slate"] .btn--primary:hover,
html[data-ui="sport"] .btn--primary:hover,
html[data-ui="paper"] .btn--primary:hover {
  box-shadow: 0 10px 30px var(--noribel-blue-dim);
}

/* Page background follows the skin (body bg is hardcoded in main CSS) */
html[data-ui="slate"] body,
html[data-ui="sport"] body,
html[data-ui="paper"] body {
  background: var(--bg-page);
}

/* Sidebar active link tint follows the accent */
html[data-ui="slate"] .sidebar__link--active,
html[data-ui="sport"] .sidebar__link--active,
html[data-ui="paper"] .sidebar__link--active,
html[data-ui="slate"] .sidebar__link[aria-current="page"],
html[data-ui="sport"] .sidebar__link[aria-current="page"],
html[data-ui="paper"] .sidebar__link[aria-current="page"] {
  background: var(--noribel-blue-dim);
  color: var(--accent-hot);
}