/*
 * TusVenta - Brand Tokens
 * Fuente central de identidad visual.
 */

:root {
    /* Marca */
    --tv-brand-navy-950: #060E27;
    --tv-brand-navy-rgb: 6, 14, 39;
    --tv-brand-navy-900: #091435;
    --tv-brand-navy-800: #10234a;

    --tv-brand-cyan-500: #02DBE2;
    --tv-brand-cyan-rgb: 2, 219, 226;
    --tv-brand-cyan-400: #52e4df;
    --tv-brand-cyan-100: #d9fbfa;

    --tv-brand-teal-600: #079CA9;
    --tv-brand-teal-500: #05BAC5;

    --tv-white: #FBFBFC;
    --tv-white-rgb: 251, 251, 252;

    /* Superficies */
    --tv-bg-page: #FBFBFC;
    --tv-bg-soft: #f7f9fc;
    --tv-bg-muted: #eef3f7;
    --tv-bg-dark: var(--tv-brand-navy-950);

    /* Texto */
    --tv-text-main: #172033;
    --tv-text-soft: #475467;
    --tv-text-muted: #667085;
    --tv-text-on-dark: #f8fafc;

    /* Bordes */
    --tv-border: #e4e9ef;
    --tv-border-strong: #d0d7e2;

    /* Estados */
    --tv-success: #16a34a;
    --tv-warning: #d97706;
    --tv-danger: #dc2626;
    --tv-info: #2563eb;

    /* Espaciado */
    --tv-space-1: .25rem;
    --tv-space-2: .5rem;
    --tv-space-3: .75rem;
    --tv-space-4: 1rem;
    --tv-space-5: 1.25rem;
    --tv-space-6: 1.5rem;
    --tv-space-8: 2rem;
    --tv-space-10: 2.5rem;
    --tv-space-12: 3rem;
    --tv-space-16: 4rem;
    --tv-space-20: 5rem;

    /* Radios */
    --tv-radius-sm: .65rem;
    --tv-radius-md: 1rem;
    --tv-radius-lg: 1.5rem;
    --tv-radius-xl: 2rem;
    --tv-radius-pill: 999px;

    /* Sombras */
    --tv-shadow-sm: 0 8px 24px rgba(6, 15, 41, .08);
    --tv-shadow-md: 0 20px 50px rgba(6, 15, 41, .12);
    --tv-shadow-lg: 0 30px 80px rgba(6, 15, 41, .16);

    /* Tipografía */
    --tv-font:
        Inter,
        ui-sans-serif,
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif;

    /* Layout */
    --tv-container: 1180px;
    --tv-header-height: 76px;

    /* Movimiento */
    --tv-transition: 180ms ease;
}