/* Design Tokens - LeadsWatcher */

:root {
    /* Background Colors */
    --bg-primary: #1a1a2e;
    --bg-secondary: #16213e;
    --bg-card: #1f2940;
    --surface: #0f1419;
    --surface-elevated: #1a1f2b;
    --background: #1a1a2e;

    /* Text Colors */
    --text-primary: #ffffff;
    --text-secondary: #8892b0;
    --text: #ffffff;

    /* Accent Colors */
    --accent-cyan: #00d9ff;
    --accent-green: #00ff88;
    --gradient: linear-gradient(90deg, var(--accent-cyan), var(--accent-green));

    /* Status Colors */
    --hot: #00ff88;
    --warm: #ffa502;
    --burning: #9b59b6;
    --cold: #3498db;

    /* UI State Colors */
    --primary: #00d9ff;
    --primary-dark: #0099cc;
    --danger: #ff4757;
    --danger-dark: #d32f2f;
    --success: #4caf50;
    --success-dark: #45a049;
    --warning: #ffa502;

    /* Border & Dividers */
    --border-color: #2d3748;
}