/* ICTerminal System Theme Colors */

/* ICBacktester - Teal (default) */
[data-theme-color="blue"],
:root {
    --bs-primary: #008080;
    --bs-primary-rgb: 0, 128, 128;
    /* --bs-primary: #ff0000;
    --bs-primary-rgb: 255, 0, 0; */

}

/* ICLiveDesk - Green */
[data-theme-color="green"] {
    --bs-primary: #198754;
    --bs-primary-rgb: 25, 135, 84;
}

/* ICDatabase - Orange */
[data-theme-color="orange"] {
    --bs-primary: #fd7e14;
    --bs-primary-rgb: 253, 126, 20;
}

/* ICHeartbeat - Pink */
[data-theme-color="pink"] {
    --bs-primary: #d63384;
    --bs-primary-rgb: 214, 51, 132;
}

/* ICTerminal Landing - Teal */
[data-theme-color="teal"] {
    --bs-primary: #008080;
    --bs-primary-rgb: 0, 128, 128;
}

/* Exchange Color Palette - Diverse but harmonious with teal theme */
:root {
    --exchange-bybit: #008080;           /* Teal - matches primary */
    --exchange-bybit-rgb: 0, 128, 128;
    
    --exchange-hyperliquid: #e67e22;     /* Warm orange - complements teal */
    --exchange-hyperliquid-rgb: 230, 126, 34;
    
    --exchange-bybit-spread: #9b59b6;    /* Purple - triadic harmony */
    --exchange-bybit-spread-rgb: 155, 89, 182;
    
    --exchange-other-spread: #3498db;    /* Blue - analogous to teal */
    --exchange-other-spread-rgb: 52, 152, 219;
    
    --exchange-default: #6c757d;         /* Gray for unknown */
    --exchange-default-rgb: 108, 117, 125;
}

/* Timeframe Color Palette - Rainbow spectrum from short to long timeframes */
:root {
    --timeframe-1min: #c0392b;           /* Muted red - shortest */
    --timeframe-1min-rgb: 192, 57, 43;
    
    --timeframe-5min: #d35400;           /* Muted orange-red */
    --timeframe-5min-rgb: 211, 84, 0;
    
    --timeframe-15min: #e67e22;          /* Warm orange */
    --timeframe-15min-rgb: 230, 126, 34;
    
    --timeframe-30min: #d4ac0d;          /* Muted golden */
    --timeframe-30min-rgb: 212, 172, 13;
    
    --timeframe-1h: #27ae60;             /* Muted green */
    --timeframe-1h-rgb: 39, 174, 96;
    
    --timeframe-4h: #16a085;             /* Muted teal */
    --timeframe-4h-rgb: 22, 160, 133;
    
    --timeframe-1d: #2980b9;             /* Muted blue */
    --timeframe-1d-rgb: 41, 128, 185;
    
    --timeframe-1w: #8e44ad;             /* Muted purple - longest */
    --timeframe-1w-rgb: 142, 68, 173;
    
    --timeframe-default: #6c757d;        /* Gray for unknown */
    --timeframe-default-rgb: 108, 117, 125;
}

 
/* Weird sauce i dont know what to do with 
for Backtester  */

/* Ensure primary color is used throughout */
[data-theme-color] .btn-primary,
.btn-primary {
    --bs-btn-bg: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-bg: var(--bs-primary);
    --bs-btn-hover-border-color: var(--bs-primary);
    --bs-btn-active-bg: var(--bs-primary);
    --bs-btn-active-border-color: var(--bs-primary);
    background-color: var(--bs-primary) !important;
    border-color: var(--bs-primary) !important;
}

.btn-primary:hover {
    background-color: rgba(var(--bs-primary-rgb), 0.85) !important;
    border-color: rgba(var(--bs-primary-rgb), 0.85) !important;
}

.btn-primary:active,
.btn-primary:focus {
    background-color: rgba(var(--bs-primary-rgb), 0.75) !important;
    border-color: rgba(var(--bs-primary-rgb), 0.75) !important;
}

[data-theme-color] .btn-outline-primary,
.btn-outline-primary {
    --bs-btn-color: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--bs-primary);
    --bs-btn-hover-border-color: var(--bs-primary);
    --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--bs-primary);
    --bs-btn-active-border-color: var(--bs-primary);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--bs-primary);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--bs-primary);
    --bs-gradient: none;
    color: var(--bs-primary) !important;
    border-color: var(--bs-primary) !important;
}

.btn-outline-primary:hover {
    background-color: var(--bs-primary) !important;
    border-color: var(--bs-primary) !important;
    color: #fff !important;
}







[data-theme-color] .text-primary {
    color: var(--bs-primary) !important;
}

[data-theme-color] .bg-primary {
    background-color: var(--bs-primary) !important;
}

[data-theme-color] .border-primary {
    border-color: var(--bs-primary) !important;
}

[data-theme-color] .badge.bg-primary {
    background-color: var(--bs-primary) !important;
}