/* Vector design tokens — "Terminal Bright" direction, confirmed in the
   Vector Design Direction artifact. Space Mono (data/display) + Plus Jakarta
   Sans (body/UI). Keep this file as the single source of color/type values —
   components.css and the pages should reference these, not raw hex, so a
   future retheme is a token change, not a per-page find/replace. */

:root {
  /* Fonts */
  --vec-font-mono: 'Space Mono', monospace;
  --vec-font-sans: 'Plus Jakarta Sans', sans-serif;

  /* Core palette */
  --vec-bg: #FFFFFF;
  --vec-bg-subtle: #F7F8FA;
  --vec-bg-success-subtle: #F2FBF7;
  --vec-ink: #14171A;
  --vec-ink-on-dark: #FFFFFF;
  --vec-border: #E7E9EC;

  /* Text */
  --vec-text-primary: #14171A;
  --vec-text-secondary: #45494D;
  --vec-text-muted: #6B7075;
  --vec-text-faint: #8A8F94;
  --vec-text-on-dark-secondary: #C9CDD1;

  /* Accents */
  --vec-accent-green: #00A876;
  --vec-accent-green-hover: #00915F;
  --vec-accent-indigo: #4F46E5;
  --vec-accent-amber: #FFB703;
  --vec-accent-red: #E24C4C;

  /* Score bands as text: darker than the accents so they pass 4.5:1 on white */
  --vec-band-weak: #C0392B;
  --vec-band-good: #8A5A00;
  --vec-band-excellent: #007A56;

  /* Radii */
  --vec-radius-sm: 4px;
  --vec-radius-md: 6px;
  --vec-radius-lg: 8px;
  --vec-radius-xl: 10px;
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  background: var(--vec-bg);
  font-family: var(--vec-font-sans);
  color: var(--vec-text-primary);
}

a {
  text-decoration: none;
  color: inherit;
}