/*
 * Axon Charts — shared design tokens (single source of truth).
 * Normative spec: DESIGN.md at repo root (North Star: "The Trading Terminal").
 * All pages include this file instead of redeclaring :root values.
 */
:root {
  /* Neutral — instrument-plate ramp */
  --bg-primary: #0a0a0a;      /* Void Black — page canvas */
  --bg-secondary: #1a1a1a;    /* Studio Dark — cards, panels, bars */
  --bg-tertiary: #111111;     /* Deep Panel — sidebar, wells */
  --card-bg: #1a1a1a;
  --input-bg: #0f0f0f;        /* Ink — inputs, code blocks */
  --sidebar-bg: #111111;
  --bg-card: #1a1a1a;

  /* Borders */
  --border-color: #2a2a2a;    /* Graphite — structural divider */
  --border-light: #333333;    /* Border Hover — interactive boundary */
  --border: #2a2a2a;

  /* Text — AA-verified against all four grounds (>=5:1) */
  --text-primary: #ffffff;
  --text-secondary: #9a9a9a;  /* Fog Text */
  --text-tertiary: #8a8a8a;   /* Ghost Text */

  /* Accent — Market Green (One Voice Rule: <=10% ink budget) */
  --accent: #4ade80;
  --accent-hover: #22c55e;

  /* Compat alias (docs.html/demo.html referenced --text-muted without defining it) */
  --text-muted: #9a9a9a;

  /* Elevation (Flat-By-Default Rule) */
  --shadow: rgba(0, 0, 0, 0.45);
}

/* Reduced motion: kill transitions/animations globally on every page that loads tokens.css */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}