/* CSS Custom Properties (Variables) */
:root {
    --primary-color: #3498db;
    --secondary-color: #2ecc71;
    --tertiary-color: #e74c3c;
    --background-color:#E5E7F2;
    --card-background: #ffffff;
    --text-color: #2c3e50;
    --border-color: #d1d9e6;
    --shadow-color: rgba(0, 0, 0, 0.1);
    --hover-color: #ecf0f1;

    /* Enhanced candlestick colors */
    --candle-bullish: #26a69a;
    --candle-bullish-border: #1a7a6f;
    --candle-bullish-hover: #2ec4b6;
    --candle-bearish: #ef5350;
    --candle-bearish-border: #c62828;
    --candle-bearish-hover: #ff6b68;
    --candle-neutral: #9e9e9e;
    --candle-neutral-border: #757575;
    --wick-color: #455a64;
    --candle-shadow: rgba(0, 0, 0, 0.15);
}

/* Dark Mode Variables */
body.dark-mode {
    --primary-color: #5dade2;
    --secondary-color: #58d68d;
    --tertiary-color: #ec7063;
    --background-color: #1a1a2e;
    --card-background: #16213e;
    --text-color: #e4e4e4;
    --border-color: #2d3748;
    --shadow-color: rgba(0, 0, 0, 0.3);
    --hover-color: #2d3748;

    /* Enhanced candlestick colors for dark mode */
    --candle-bullish: #2ec4b6;
    --candle-bullish-border: #26a69a;
    --candle-bullish-hover: #3dd9c9;
    --candle-bearish: #ff6b68;
    --candle-bearish-border: #ef5350;
    --candle-bearish-hover: #ff8583;
    --candle-neutral: #b0b0b0;
    --candle-neutral-border: #9e9e9e;
    --wick-color: #cbd5e0;
    --candle-shadow: rgba(0, 0, 0, 0.4);
}