/* ============================================
   CSS VARIABLES - BINANCE THEME
   ICT Analyzer Pro V29.5
============================================ */
:root {
    /* Background Colors */
    --bg-primary: #0b0e11;
    --bg-primary-rgb: 11, 14, 17;
    --bg-secondary: #181a20;
    --bg-tertiary: #1e2026;
    --bg-hover: #2b3139;

    /* Text Colors */
    --text-primary: #eaecef;
    --text-secondary: #848e9c;
    --text-muted: #5e6673;

    /* Trading Colors */
    --buy-green: #0ecb81;
    --buy-hover: #0bb871;
    --sell-red: #f6465d;
    --sell-hover: #e63950;

    /* Accent Colors */
    --accent-yellow: #f0b90b;
    --accent-blue: #1e88e5;
    --gold: #f0b90b;

    /* Border & Shadow */
    --border-color: #2b3139;
    --shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
    --shadow-lg: 0 4px 16px rgba(0, 0, 0, 0.6);

    /* Typography - V37: Updated for Western numerals */
    --font-family: 'Cairo', 'Inter', -apple-system, sans-serif;
    --font-mono: 'Roboto Mono', 'Consolas', 'Monaco', monospace;

    /* V28.0: Z-Index Scale for consistent stacking */
    --z-dropdown: 100;
    --z-sticky: 200;
    --z-fixed: 300;
    --z-overlay: 900;
    --z-modal-backdrop: 1000;
    --z-modal: 1001;
    --z-popover: 1100;
    --z-toast: 9999;

    /* V29.15: Spacing Scale */
    --spacing-xs: 0.25rem;  /* 4px */
    --spacing-sm: 0.5rem;   /* 8px */
    --spacing-md: 0.75rem;  /* 12px */
    --spacing-lg: 1rem;     /* 16px */
    --spacing-xl: 1.5rem;   /* 24px */
    --spacing-2xl: 2rem;    /* 32px */

    /* V29.15: Border Radius Scale */
    --radius-sm: 4px;
    --radius-md: 6px;
    --radius-lg: 8px;
    --radius-xl: 12px;
    --radius-full: 9999px;
}