/* CSS Dinámico - Generado automáticamente */

/* Colores personalizados */
:root {
    --header-color: #404040;
    --header-text-color: #cdf575;
    --background-color: #000000;
    --site-text-color: #333333;
    --compact-mode: 0;
    --rates-numbers-color: #e91c9d;
    --rates-currency-color: #dd1313;
    --rates-labels-color: #666666;
}

/* Aplicar colores dinámicos al body */
body {
    background-color: var(--background-color) !important;
    color: var(--site-text-color) !important;
}

/* Header dinámico - PÚBLICO Y ADMIN */
.header, .admin-header {
    background: linear-gradient(135deg, var(--header-color), #404040CC) !important;
    color: var(--header-text-color) !important;
}

.header h1, .header p, .admin-header *, .admin-nav a, .admin-logo {
    color: var(--header-text-color) !important;
}

/* Bordes de tasas con color personalizable */
.rate-button, .platform-rate {
    border-color: var(--header-color) !important;
}

/* NUEVO: Colores independientes para las tasas */
.rate-button .rate, .platform-rate .rate-value {
    color: var(--rates-numbers-color) !important;
}

.rate-button .currency, .platform-name {
    color: var(--rates-currency-color) !important;
}

.rate-button .label {
    color: var(--rates-labels-color) !important;
}

/* Aplicar colores a tasas en plataformas también */
.platform-item .platform-rate .currency-label {
    color: var(--rates-currency-color) !important;
}

/* Rate buttons hover con colores dinámicos */
.rate-button:hover {
    background: var(--header-color) !important;
    color: var(--header-text-color) !important;
}

.rate-button:hover .currency,
.rate-button:hover .rate,
.rate-button:hover .label {
    color: var(--header-text-color) !important;
}

/* Ticker con color del header */
.ticker-container {
    background: linear-gradient(90deg, var(--header-color), #404040DD) !important;
    color: var(--header-text-color) !important;
}

/* Botones con color del header */
.btn-primary {
    background: var(--header-color) !important;
    border-color: var(--header-color) !important;
}

.btn-primary:hover {
    background: #404040DD !important;
    border-color: #404040DD !important;
}