/*
 * SSA Neon Framework
 * Layer: Tokens
 * Version: 1.0.0
 * Updated: 2026-06-17
 *
 * Shared color, spacing, radius, shadow, and font variables for SSA neon
 * typography, content blocks, page shells, and tools.
 */

:root {
  --ssa-neon-page: #030712;
  --ssa-neon-shell: #07111f;
  --ssa-neon-surface: rgba(10, 18, 32, 0.96);
  --ssa-neon-surface-2: rgba(15, 27, 46, 0.94);
  --ssa-neon-raised: rgba(18, 32, 52, 0.92);
  --ssa-neon-line: rgba(45, 212, 191, 0.34);
  --ssa-neon-line-strong: rgba(56, 189, 248, 0.55);
  --ssa-neon-ink: #f4fdff;
  --ssa-neon-ink-soft: #c7d7e1;
  --ssa-neon-muted: #93a9b7;
  --ssa-neon-teal: #2dd4bf;
  --ssa-neon-cyan: #38bdf8;
  --ssa-neon-violet: #a78bfa;
  --ssa-neon-pink: #f472b6;
  --ssa-neon-amber: #fbbf24;
  --ssa-neon-red: #fb7185;
  --ssa-neon-radius: 16px;
  --ssa-neon-radius-sm: 10px;
  --ssa-neon-shadow: 0 22px 55px rgba(0, 0, 0, 0.46), 0 0 32px rgba(45, 212, 191, 0.13);
  --ssa-neon-font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  --ssa-site-page: var(--ssa-neon-page);
  --ssa-site-shell: var(--ssa-neon-shell);
  --ssa-site-surface: var(--ssa-neon-surface);
  --ssa-site-surface-2: var(--ssa-neon-surface-2);
  --ssa-site-line: var(--ssa-neon-line);
  --ssa-site-line-strong: var(--ssa-neon-line-strong);
  --ssa-site-ink: var(--ssa-neon-ink);
  --ssa-site-ink-soft: var(--ssa-neon-ink-soft);
  --ssa-site-muted: var(--ssa-neon-muted);
  --ssa-site-teal: var(--ssa-neon-teal);
  --ssa-site-cyan: var(--ssa-neon-cyan);
  --ssa-site-violet: var(--ssa-neon-violet);
  --ssa-site-amber: var(--ssa-neon-amber);
  --ssa-site-font: var(--ssa-neon-font);
  --ssa-site-radius: var(--ssa-neon-radius);
  --ssa-site-radius-sm: var(--ssa-neon-radius-sm);
  --ssa-site-shadow: var(--ssa-neon-shadow);
}