/* ═══════════════════════════════════════════════════════
   Jarvis Playground — Design Token Aliases
   v2.18.0 (2026-09-03)
   Drop-in compatibility layer for app pages with
   hardcoded theme variables. Include this AFTER the
   page's own :root block, and legacy vars will map
   to the shared design-system palette.
   ═══════════════════════════════════════════════════════ */

:root {
    /* bg variants */
    --primary: var(--jp-cyan, #00f2ff);
    --primary-color: var(--jp-cyan, #00f2ff);
    --primary-dark: #00a0aa;
    --primary-dim: #00a0aa;
    --secondary: var(--jp-purple, #7000ff);
    --secondary-color: var(--jp-purple, #7000ff);
    --accent: var(--jp-cyan, #00f2ff);
    --neon-cyan: var(--jp-cyan, #00f2ff);
    --neon-purple: var(--jp-purple, #7000ff);
    --neon-pink: var(--jp-magenta, #ff006e);
    --neon-magenta: var(--jp-magenta, #ff006e);
    --neon-green: var(--jp-green, #00ff88);
    --neon-yellow: var(--jp-yellow, #ffbe0b);
    --neon-orange: #ff6e00;
    --neon-red: #ff2a2a;
    --neon-blue: #4d9fff;

    /* bg tokens */
    --bg: var(--jp-bg, #050507);
    --bg-color: var(--jp-bg, #050507);
    --bg2: var(--jp-bg-elevated, #0a0b10);
    --bg-secondary: var(--jp-bg-elevated, #0a0b10);
    --bg3: var(--jp-bg-surface, #0d0f16);
    --bg4: #14141e;
    --bg-card: rgba(255, 255, 255, 0.05);
    --bg-card-hover: rgba(0, 242, 255, 0.08);
    --bg-input: var(--jp-bg-elevated, #0a0b10);
    --bg-hover: var(--jp-bg-elevated, #0a0b10);
    --bg-overlay: var(--jp-bg-overlay, rgba(5, 5, 7, 0.92));

    /* surface / border tokens */
    --surface: var(--jp-bg-elevated, #0a0b10);
    --surface2: var(--jp-bg-surface, #0d0f16);
    --border: rgba(255, 255, 255, 0.09);
    --border-glow: rgba(0, 242, 255, 0.22);
    --border-color: rgba(255, 255, 255, 0.09);

    /* text tokens */
    --text: var(--jp-text, #f4f7fb);
    --text-color: var(--jp-text, #f4f7fb);
    --text-dim: var(--jp-text-secondary, rgba(244, 247, 251, 0.72));
    --text-secondary: var(--jp-text-secondary, rgba(244, 247, 251, 0.72));
    --text-muted: var(--jp-text-muted, rgba(244, 247, 251, 0.45));

    /* status tokens */
    --success: var(--jp-green, #00ff88);
    --error: #ff4466;
    --warning: #ffaa00;

    /* typography */
    --font-sans: var(--jp-font-sans, 'Segoe UI', system-ui, sans-serif);
    --font-mono: var(--jp-font-mono, 'Cascadia Code', 'JetBrains Mono', 'Courier New', monospace);
    --font-display: var(--jp-font-display, 'Orbitron', sans-serif);
}