/* VOLTARC design system tokens — spec §5. Single source of truth for colour + type. */
:root{
  /* Canvas / surfaces */
  --vx-ink:#0B0F14;
  --vx-surface:#14181F;
  --vx-carbon:#1F2630;
  /* Accents */
  --vx-volt:#C8FF2B;
  --vx-cyan:#00E5FF;
  --vx-arc-grad:linear-gradient(90deg,#C8FF2B,#00E5FF);
  /* Neutrals */
  --vx-slate:#8A94A6;
  --vx-cloud:#F7F9FB;
  --vx-white:#FFFFFF;
  /* Semantic (per §0.9: use for borders/icons/large text on Ink, not small body text) */
  --vx-success:#16A34A;
  --vx-warn:#D97706;
  --vx-danger:#E5484D;
  /* Type */
  --vx-font-display:"Space Grotesk",system-ui,-apple-system,sans-serif;
  --vx-font-body:"Archivo",system-ui,-apple-system,sans-serif;
  --vx-font-mono:"Space Mono",ui-monospace,SFMono-Regular,monospace;
  /* Radius / motion */
  --vx-radius:10px;
  --vx-radius-lg:16px;
  --vx-ease:cubic-bezier(.2,.7,.2,1);
  --vx-dur:180ms;
}

/* Honour reduced-motion globally (§5 motion principles) */
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}
}

/* Mono for prices & spec data (applied via classes in later plans) */
.vx-spec,.vx-price,.woocommerce-Price-amount{font-family:var(--vx-font-mono)}

/* ─── Override Blocksy palette CSS vars → VOLTARC colours ─── */
/* Blocksy generates --theme-palette-color-N from its customizer;
   we override here so all Blocksy components adopt VOLTARC colours
   without touching PHP / theme_mods (which crashed earlier). */
:root{
  --theme-palette-color-1:var(--vx-volt);
  --theme-palette-color-2:var(--vx-cyan);
  --theme-palette-color-3:var(--vx-white);
  --theme-palette-color-4:var(--vx-cloud);
  --theme-palette-color-5:var(--vx-slate);
  --theme-palette-color-6:var(--vx-surface);
  --theme-palette-color-7:var(--vx-ink);
  /* Blocksy link/button accent */
  --theme-link-initial-color:var(--vx-volt);
  --theme-link-hover-color:var(--vx-cyan);
  --theme-button-initial-background:var(--vx-volt);
  --theme-button-hover-background:var(--vx-cyan);
  --theme-button-text-initial-color:var(--vx-ink);
  --theme-button-text-hover-color:var(--vx-ink);
}
