:root {
    /* Background - Deeper black */
    --bg-primary: #050508;
    --bg-secondary: #0a0e14;
    --bg-tertiary: #111620;
    --bg-input: #080b10;
    --bg-overlay: rgba(0, 0, 0, 0.85);
    --bg-hover: rgba(0, 255, 136, 0.06);

    /* Text - Terminal green tint */
    --text-primary: #c9d6e3;
    --text-secondary: #6e7a8a;
    --text-muted: #3a4453;
    --text-link: #00ff88;

    /* Accent - Neon green / Cyan */
    --accent: #00ff88;
    --accent-hover: #33ffaa;
    --accent-gradient: linear-gradient(135deg, #00ff88, #00d4ff);
    --accent-bg: rgba(0, 255, 136, 0.08);
    --accent-glow: 0 0 20px rgba(0, 255, 136, 0.3);
    --accent-glow-strong: 0 0 40px rgba(0, 255, 136, 0.4), 0 0 80px rgba(0, 255, 136, 0.1);

    /* Semantic */
    --success: #00ff88;
    --success-bg: rgba(0, 255, 136, 0.1);
    --warning: #ffb800;
    --warning-bg: rgba(255, 184, 0, 0.1);
    --danger: #ff3355;
    --danger-bg: rgba(255, 51, 85, 0.1);
    --info: #00d4ff;
    --info-bg: rgba(0, 212, 255, 0.1);

    /* Cyber colors */
    --neon-green: #00ff88;
    --neon-cyan: #00d4ff;
    --neon-purple: #b44aff;
    --neon-pink: #ff2d7b;
    --neon-yellow: #ffb800;

    /* Price */
    --price-color: #00ff88;
    --price-old: #4a5568;
    --sale-badge: #ff3355;

    /* Border - Subtle cyber lines */
    --border: #1a2030;
    --border-hover: #00ff8844;
    --border-accent: #00ff88;

    /* Card */
    --card-bg: #0a0e14;
    --card-hover: #0f1520;
    --card-radius: 4px;
    --card-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    --card-shadow-hover: 0 0 20px rgba(0, 255, 136, 0.1), 0 4px 20px rgba(0, 0, 0, 0.5);

    /* Header */
    --header-bg: #030306;
    --header-height: 48px;

    /* Spacing - Compact */
    --gap-xs: 3px;
    --gap-sm: 6px;
    --gap-md: 12px;
    --gap-lg: 18px;
    --gap-xl: 24px;
    --gap-2xl: 36px;
    --gap-3xl: 48px;

    /* Font - Monospace first for hacker feel */
    --font-main: 'JetBrains Mono', 'Fira Code', 'Consolas', 'SF Mono', monospace;
    --font-mono: 'JetBrains Mono', 'Fira Code', 'Consolas', monospace;
    --font-display: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    --fs-xs: 11px;
    --fs-sm: 12px;
    --fs-base: 13px;
    --fs-md: 15px;
    --fs-lg: 18px;
    --fs-xl: 22px;
    --fs-2xl: 28px;
    --fs-3xl: 36px;
    --fw-light: 300;
    --fw-normal: 400;
    --fw-medium: 500;
    --fw-semibold: 600;
    --fw-bold: 700;

    /* Layout */
    --container-max: 1280px;
    --sidebar-width: 280px;

    /* Radius - Sharp edges, hacker style */
    --radius-sm: 2px;
    --radius-md: 3px;
    --radius-lg: 4px;
    --radius-xl: 6px;
    --radius-full: 9999px;

    /* Transition */
    --transition-fast: 0.15s ease;
    --transition-base: 0.25s ease;
    --transition-slow: 0.4s ease;

    /* Z-index */
    --z-dropdown: 100;
    --z-header: 200;
    --z-modal: 300;
    --z-overlay: 250;
    --z-toast: 400;
}