:root{
  --ax-font-sans: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";
  --ax-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;

  --ax-bg: #0b0d12;
  --ax-bg-elev: #121621;
  --ax-bg-soft: #151b28;
  --ax-border: rgba(255,255,255,.12);
  --ax-border-strong: rgba(255,255,255,.22);
  --ax-text: #f2f5ff;
  --ax-muted: rgba(232,236,255,.68);
  --ax-muted-strong: rgba(232,236,255,.82);

  --ax-accent: #7dffb2;
  --ax-accent-2: #5ad1ff;
  --ax-alert: #ffb347;
  --ax-danger: #ff6b6b;

  --ax-shadow: 0 18px 55px rgba(0,0,0,.38);
  --ax-radius-lg: 18px;
  --ax-radius-md: 14px;
  --ax-radius-sm: 10px;

  --ax-space-1: 6px;
  --ax-space-2: 10px;
  --ax-space-3: 14px;
  --ax-space-4: 18px;
  --ax-space-5: 24px;
  --ax-space-6: 32px;

  --ax-action-zone-height: 92px;
}

@media (prefers-reduced-motion: reduce){
  :root{
    --ax-action-zone-height: 88px;
  }
}