/* =================================
   Variables - Compatibility Layer
   Maps old variables to new x0ne-theme
   ================================= */

:root {
    /* Map old colors to new theme */
    --primary-color: var(--accent-light);
    --primary-dark: var(--bg);
    --primary-light: #d1e6ff;
    --accent-color: var(--success);
    --error-color: var(--error);
    --text-color: var(--text);
    --text-muted: var(--text-muted);
    --bg-color: var(--bg-elevated);
    /* --bg-card is defined in x0ne-theme.css */
    --bg-light: var(--bg-elevated);
    --border-color: var(--border);
    --border-light: var(--border);

    /* Terminal & Status Colors */
    --terminal-bg: #000000;
    --terminal-text: var(--success);
    --code-bg: var(--bg);
    --code-text: #e3e3a3;
    --neon-pink: #ff61af;
    --neon-green: var(--success);
    --neon-blue: var(--accent-light);
    --neon-purple: #b76cfd;
    --neon-yellow: #fff740;
    --neon-orange: #ff4500;
    --neon-red: var(--error);
    --success-bg: var(--success);
    --color-info: var(--accent-light);

    /* Spacing */
    --space-xs: 4px;
    --space-sm: 8px;
    --space-md: 16px;
    --space-lg: 24px;
    --space-xl: 32px;

    /* Button defaults */
    --btn-border-opacity: 0.3;
    --btn-padding: var(--space-sm) var(--space-lg);
    --btn-font-size: 14px;
    --btn-border-radius: var(--radius-md);

    /* x0ne aliases - map to new theme */
    --x0ne-primary: var(--accent-light);
    --x0ne-accent: var(--success);
    --x0ne-danger: var(--error);
    --x0ne-text-primary: var(--text);
    --x0ne-text-secondary: var(--text-secondary);
    --x0ne-text-muted: var(--text-muted);
    --x0ne-text-neon: var(--success);

    --x0ne-bg-primary: var(--bg);
    --x0ne-bg-secondary: var(--bg-elevated);
    --x0ne-bg-tertiary: var(--bg-elevated);
    --x0ne-bg-card: var(--bg-card);
    --x0ne-bg-light: var(--bg-elevated);
    --x0ne-bg-glass: rgba(10, 10, 11, 0.7);

    --x0ne-border: var(--border);
    --x0ne-border-light: var(--border);
    --x0ne-border-hover: var(--border-hover);
    --x0ne-border-color: var(--border);

    --x0ne-radius-sm: var(--radius-sm);
    --x0ne-radius-md: var(--radius-md);
    --x0ne-radius-lg: var(--radius-lg);

    --x0ne-spacing-xs: var(--space-xs);
    --x0ne-spacing-sm: var(--space-sm);
    --x0ne-spacing-md: var(--space-md);
    --x0ne-spacing-lg: var(--space-lg);
    --x0ne-spacing-xl: var(--space-xl);

    /* Fonts - use new theme fonts */
    --x0ne-font-mono: var(--font-mono);
    --x0ne-font-display: var(--font-mono);
    --x0ne-font-code: var(--font-mono);

    --x0ne-transition-fast: var(--transition-fast);
    --x0ne-transition-normal: var(--transition-normal);
    --x0ne-transition-slow: var(--transition-slow);

    /* Background shades */
    --x0ne-bg-30: rgba(10, 10, 11, 0.3);
    --x0ne-bg-50: rgba(10, 10, 11, 0.5);
    --x0ne-bg-70: rgba(10, 10, 11, 0.7);
    --x0ne-bg-80: rgba(10, 10, 11, 0.8);
    --x0ne-bg-98: rgba(10, 10, 11, 0.98);

    /* Z-index */
    --x0ne-z-navbar: 1000;
}