/* ========================================
   TRADE MANAGER LANDING PAGE - CSS
   Modular Structure
   ======================================== */

/* Variables & CSS Custom Properties */

:root {
    --primary-color: #00FF88;
    --primary-dark: #00CC70;
    --primary-darker: #009966;
    --bg-primary: #000000;
    --bg-secondary: #050505;
    --bg-tertiary: #0A0A0A;
    --bg-quaternary: #0F0F0F;
    --bg-dark: #000000;
    --bg-card: rgba(255, 255, 255, 0.02);
    --bg-card-hover: rgba(255, 255, 255, 0.04);
    --text-primary: #FFFFFF;
    --text-secondary: #888888;
    --text-tertiary: #666666;
    --border-color: rgba(255, 255, 255, 0.08);
    --border-color-hover: rgba(0, 255, 136, 0.3);
    --shadow: 0 10px 40px rgba(0, 0, 0, 0.8);
    --shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.9);
    --shadow-glow: 0 0 30px rgba(0, 0, 0, 0.5);
}