:root {
    /* Colores de estado */
    --color-correcto: #27C840;
    --color-seleccionado: #17DB94;
    --color-unseleccionado: #D9D9D9;
    --color-error: #FF5F57;
    --color-advertencia: #FEBC2F;

    /* Azules */
    --azul-principal: #00E3CC;
    --azul-secundario: #32A89C;
    --azul-terciario: #00635A;

    /* Colores complementarios */
    --comp-principal: #A36F56;
    --comp-secundario: #A36F56;
    --comp-terciario: #A37056;

    /* Tonos oscuros */
    --oscuro-fondo: #1C1B1B;
    --oscuro-tarjetas: #3D3D3D;

    /* Planes */
    --plan-gratis: #00C8B3;
    --plan-suscriptor: #34C759;
    --plan-supersub: #FF8D28;
    --plan-vip: #C4C4C4;
    --plan-premium: #EFBF04;

    /* Plataformas */
    --azul-telegram: #24A1DE;

    /* Otros */
    --radio-apple: 35px;

    /* ===== Mapeo tema (interno) ===== */
    --bg: var(--oscuro-fondo);
    --card: var(--oscuro-tarjetas);
    --muted: #b9c0c7;
    --text: #F1F3F5;
    --accent: var(--azul-principal);
    --accent-200: var(--azul-secundario);
    --outline: #2a2a2a;
}