/* Volt_Tronic — brand tokens from the VT mark (neon cyan on void) */
:root{
  color-scheme:dark;
  --void:#000000;
  --paper:#000000;
  --surface:#070d10;
  --ink:#f2fbfd;
  --muted:#7d949c;
  --line:#16303a;
  --volt:#00e8ff;
  --copper:var(--volt);
  --electric:var(--volt);
  --blue:var(--volt);
  --orange:#2ad4ff;
  --green:#3dcf9a;
  --soft:#0c1519;
  --danger:#ff6b6b;
  --panel:#000000;
  --aisle:#e7f3f6;
  --aisle-ink:#061016;
  --aisle-muted:#4a626c;
  --aisle-line:#c2d8df;
  --aisle-card:#f5fbfd;
  --radius:12px;
  --glow:0 0 18px color-mix(in srgb,var(--volt) 45%,transparent);
  --ease-out:cubic-bezier(0.23,1,0.32,1);
  --ease-move:cubic-bezier(0.77,0,0.175,1);
  --font-display:"Orbitron",system-ui,sans-serif;
  --font-body:"Exo 2",system-ui,sans-serif;
  font-family:var(--font-body);
}

h1,h2,h3,.wordmark,.brand-hero,.section-heading h2{
  font-family:var(--font-display);
  letter-spacing:.04em;
  text-transform:uppercase;
}

.wordmark{
  display:inline-flex;align-items:center;gap:10px;
  font-weight:700;font-size:15px;letter-spacing:.08em;
  text-decoration:none;color:var(--ink);
}
.wordmark-text{display:inline-flex;align-items:baseline;gap:0;line-height:1}
.wordmark-text .w-volt{color:#fff;font-weight:800}
.wordmark-text .w-tronic{color:var(--volt);font-weight:700}

.bolt,.brand-mark{
  width:34px;height:34px;border-radius:0;object-fit:contain;
  display:block;flex-shrink:0;background:transparent;
  box-shadow:none;filter:drop-shadow(0 0 6px color-mix(in srgb,var(--volt) 55%,transparent));
}
.bolt-inline{
  width:48px;height:48px;border-radius:0;object-fit:contain;
  display:block;flex-shrink:0;background:transparent;
  filter:drop-shadow(0 0 10px color-mix(in srgb,var(--volt) 50%,transparent));
}

::selection{background:color-mix(in srgb,var(--volt) 40%,transparent);color:#fff}
:focus-visible{outline:2px solid var(--volt);outline-offset:3px}
input,textarea{caret-color:var(--volt)}