/* CRASHBOARD_FUTURISTIC_THEMES_V1 */

:root[data-theme="neon-cyber"] {
  color-scheme:dark;
  --bg:#050d19;--panel:#091b2b;--panel2:#102c3e;
  --edge:#1a7890;--ink:#ecfdff;--muted:#91bbcb;
  --accent:#00eaff;--accentInk:#03151b;
  --track:#061622;--thumb:#16829a;
  --shadow:0 15px 45px #00eaff18;
}

:root[data-theme="holographic"] {
  color-scheme:dark;
  --bg:#130b30;--panel:#241c48;--panel2:#32285b;
  --edge:#735ab0;--ink:#f6f0ff;--muted:#bcb0df;
  --accent:#bd86ff;--accentInk:#180d30;
  --track:#1b123b;--thumb:#755aa8;
  --shadow:0 18px 55px #a26cff25;
}

:root[data-theme="sci-fi-hud"] {
  color-scheme:dark;
  --bg:#071b25;--panel:#102935;--panel2:#173743;
  --edge:#327b8d;--ink:#e5f9ff;--muted:#a0c8d1;
  --accent:#ffae42;--accentInk:#201300;
  --track:#09232e;--thumb:#458594;
  --shadow:0 16px 46px #00d9ff17;
}

:root[data-theme="dark-titanium"] {
  color-scheme:dark;
  --bg:#161a22;--panel:#242a34;--panel2:#303743;
  --edge:#596778;--ink:#f3f6fc;--muted:#aab5c5;
  --accent:#bdc9dd;--accentInk:#17202d;
  --track:#1a2029;--thumb:#778497;
  --shadow:0 18px 44px #0008;
}

:root:is(
  [data-theme="neon-cyber"],
  [data-theme="holographic"],
  [data-theme="sci-fi-hud"],
  [data-theme="dark-titanium"]
) .card {
  background:linear-gradient(
    145deg,var(--panel),var(--panel2)
  );
  border:1px solid var(--edge);
  box-shadow:var(--shadow);
  backdrop-filter:blur(12px);
  transition:border-color .25s,box-shadow .25s,
             transform .25s;
}

:root:is(
  [data-theme="neon-cyber"],
  [data-theme="holographic"],
  [data-theme="sci-fi-hud"],
  [data-theme="dark-titanium"]
) .btn {
  position:relative;
  overflow:hidden;
  transition:transform .2s,box-shadow .25s,
             filter .25s;
}

@media (hover:hover) {
  :root:is(
    [data-theme="neon-cyber"],
    [data-theme="holographic"],
    [data-theme="sci-fi-hud"],
    [data-theme="dark-titanium"]
  ) .btn:not(:disabled):hover {
    transform:translateY(-2px);
    filter:brightness(1.12);
    box-shadow:0 0 22px var(--accent);
  }
}

:root[data-theme="neon-cyber"] .btn {
  border-radius:8px;
  box-shadow:0 0 12px #00eaff40;
}

:root[data-theme="holographic"] .btn {
  border-radius:18px;
  box-shadow:0 0 18px #bd86ff33;
}

:root[data-theme="sci-fi-hud"] .btn {
  border-radius:4px;
  clip-path:polygon(
    0 0,calc(100% - 12px) 0,
    100% 12px,100% 100%,
    12px 100%,0 calc(100% - 12px)
  );
}

:root[data-theme="dark-titanium"] .btn {
  border-radius:10px;
  border:1px solid #e0e8f440;
  box-shadow:inset 0 1px #ffffff35;
}

@media (prefers-reduced-motion:reduce) {
  :root:is(
    [data-theme="neon-cyber"],
    [data-theme="holographic"],
    [data-theme="sci-fi-hud"],
    [data-theme="dark-titanium"]
  ) .btn,
  :root:is(
    [data-theme="neon-cyber"],
    [data-theme="holographic"],
    [data-theme="sci-fi-hud"],
    [data-theme="dark-titanium"]
  ) .card {
    transition:none;
  }
}