/* ==========================================================================
   STRICT OKX / WEB3 CRYPTO TERMINAL DESIGN SYSTEM
   Minimalist, Zero-Fluff & High-Readability Engineering Palette
   ========================================================================== */

:root {
    /* Base Colors - Deep Dark Cyber Palette */
    --bg-deep: #08090c;
    --bg-main: #0c0d10;
    --bg-alt: #101116;
    --bg-surface: #111319;
    --bg-surface-2: #171922;
    --border-color: #222530;
    --border-hover: #383c4d;
    
    /* Neon Accents */
    --neon-green: #39ff14;
    --neon-green-highlight: #79ff5b;
    --neon-green-dim: #106e00;
    
    --neon-pink: #ff007a;
    --neon-pink-highlight: #ffb1c3;
    --neon-pink-dim: #66002c;
    
    --neon-cyan: #00f0ff;
    --neon-cyan-highlight: #7df4ff;
    --neon-cyan-dim: #004f54;
    
    /* High-Readability Text Palette */
    --text-bright: #ffffff;
    --text-main: #eaeff5;      /* Crisp, high contrast for primary text */
    --text-readable: #d1dade;  /* Soft bright neutral for comfortable reading */
    --text-muted: #a3b3b8;     /* Clear secondary text */
    --text-dim: #737f85;       /* Metadata / tertiary text */
    
    /* Typography */
    --font-heading: 'Space Grotesk', 'Inter', sans-serif;
    --font-mono: 'JetBrains Mono', monospace;
    --font-body: 'Inter', sans-serif;
    
    /* Transitions - Composite Optimized */
    --transition-fast: transform 0.15s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.15s cubic-bezier(0.16, 1, 0.3, 1), background-color 0.15s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.15s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.15s cubic-bezier(0.16, 1, 0.3, 1);
    --transition-smooth: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.25s cubic-bezier(0.16, 1, 0.3, 1), background-color 0.25s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.25s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}