/* ============================================================
   KAVTO — Token Overrides (importar DESPUÉS de tokens.css)
   Sobreescribe la paleta base con el teal de Kavto.
   ============================================================ */

:root {
    --color-primary: #0D9488;
    --color-primary-hover: #0F766E;
    --color-primary-light: #CCFBF1;
    --color-primary-glow: rgba(13, 148, 136, 0.15);
    --color-text-on-primary: #FFFFFF;

    --color-bg: #FFFFFF;
    --color-surface: #F0FDFA;
    --color-border: #CFFAFE;
    --color-text-main: #1E293B;
    --color-text-muted: #64748B;

    /* Sección oscura (navy) */
    --color-dark-bg: #0F172A;
    --color-text-on-dark: #F0FDFA;
    --color-muted-on-dark: #94A3B8;

    /* Sombras teal */
    --shadow-card: 0 4px 12px -2px rgb(0 0 0 / 0.08);
    --shadow-hover: 0 12px 28px -6px rgb(13 148 136 / 0.18);
    --shadow-teal: 0 8px 24px -4px rgba(13, 148, 136, 0.35);

    /* Gradientes de tarjetas (solo para mockups) */
    --grad-stamps: linear-gradient(135deg, #F97316 0%, #FBBF24 100%);
    --grad-descuentos: linear-gradient(135deg, #7C3AED 0%, #C084FC 100%);
    --grad-puntos: linear-gradient(135deg, #0D9488 0%, #2DD4BF 100%);
}