/*
 * TICKETMAX · tokens de marca
 *
 * Copiados del Manual de Marca v2.0 (2026), no inventados. Una sola fuente:
 * si el manual cambia, se cambia aqui y no en catorce hojas de estilo.
 *
 * Manual, paginas 10-16:
 *   - Paleta viva, con sus hex exactos.
 *   - Gradiente firma a 115deg, con sus paradas.
 *   - Regla 60·30·10: 60% neutrales, 30% oscuro o gradiente, 10% acento vivo.
 *   - Contraste: ambar y azul cielo llevan texto en GRIS TINTA, nunca blanco.
 *   - Tokens base: radios 8/12/14, sombra 0 2px 8px /.06, borde #E7E9EF,
 *     acento indigo #7B3FF2.
 *   - Reglas de oro: fondos blancos puros, skeletons y no spinners, UN acento
 *     de accion (indigo), lo calido (ambar) = comprar, espaciado generoso.
 *   - Tipografia: Poppins 600-900 titulares y NUMEROS; Inter 400-700 cuerpo.
 */

:root {
    /* ── Paleta viva ─────────────────────────────────────────────── */
    --tm-magenta:    #FF2E88;
    --tm-coral:      #FF5C4D;
    --tm-ambar:      #FFB100;
    --tm-azul-cielo: #1FA2FF;
    --tm-azul-real:  #4A5BFF;
    --tm-indigo:     #7B3FF2;

    /* ── Neutrales ───────────────────────────────────────────────── */
    --tm-tinta:  #373535;
    --tm-gris:   #6B7280;
    --tm-nube:   #F6F7FA;
    --tm-noche:  #0E1014;
    --tm-blanco: #FFFFFF;

    /* ── Gradientes ──────────────────────────────────────────────── */
    --tm-grad-firma:  linear-gradient(115deg, #FF2E88, #FFB100 42%, #1FA2FF 68%, #7B3FF2);
    /* Calido = energia y COMPRA. Frio = tecnologia y fondos. */
    --tm-grad-calido: linear-gradient(115deg, #FF2E88, #FFB100);
    --tm-grad-frio:   linear-gradient(115deg, #4A5BFF, #7B3FF2);

    /* ── Tokens base de interfaz ─────────────────────────────────── */
    --tm-radio-sm: 8px;
    --tm-radio:    12px;
    --tm-radio-lg: 14px;
    --tm-sombra:   0 2px 8px rgba(14, 16, 20, .06);
    --tm-borde:    #E7E9EF;
    --tm-acento:   var(--tm-indigo);

    /* ── Estados (badges del manual) ─────────────────────────────── */
    --tm-ok-fondo:     #E6F7F1;  --tm-ok-texto:     #0F7A5A;
    --tm-espera-fondo: #FFF3DB;  --tm-espera-texto: #8A5B00;
    --tm-error-fondo:  #FFECEA;  --tm-error-texto:  #C22A1D;
    --tm-info-fondo:   #E8F1FF;  --tm-info-texto:   #2B4CC4;

    /* ── Tipografia ──────────────────────────────────────────────── */
    --tm-display: 'Poppins', -apple-system, system-ui, 'Segoe UI', sans-serif;
    --tm-texto:   'Inter', -apple-system, system-ui, 'Segoe UI', sans-serif;
}

/*
 * Titulares y numeros en Poppins; el resto en Inter. Los numeros grandes
 * (precios, totales, contadores) van en Poppins por manual, y en cifras
 * tabulares para que no bailen al cambiar.
 */
.tm-display { font-family: var(--tm-display); letter-spacing: -.02em; }
.tm-cifra   { font-family: var(--tm-display); font-variant-numeric: tabular-nums; }

/*
 * Iconos de LINEA: trazo 1.7 en una caja de 24, sin relleno, en gris tinta.
 * El color de marca se reserva para estados y acentos. No se mezclan iconos
 * rellenos con iconos de linea en una misma vista.
 */
.tm-ico {
    width: 24px; height: 24px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
}