/*!
Sportic — LIGHT (neon sporty)
*/
:root {
    /* Core brand */
    --c-primary: #cdf808;
    /* verde-limão da marca */
    --c-primary-dark: #98CC00;
    /* variação para hover */
    --c-primary-contrast: #0D0F14;
    /* texto escuro sobre o verde */

    /* Accent */
    --c-brand-accent: #C9F871;
    /* verde de apoio */
    --c-secondary: #444E59;
    /* cinza neutro de contraste */

    /* Textos */
    --c-text-default: #111213;
    --c-text-dark: #2A2B2D;
    --c-text-muted: #7A8086;
    --c-text-inverse: #FFFFFF;

    /* Feedback */
    --c-danger: #E63E3E;
    --c-status-green: #4CD07D;
    --c-status-orange: #FFB65C;
    --c-status-blue: #3C82FF;
    --c-status-red: #FF6464;
    --c-positive: #4CD07D;
    --c-neutral: #999EA3;

    /* Surfaces */
    --c-bg: #f3f3f3;
    /* fundo leve, não branco */
    --c-bg-alt: #dbdcdc;
    /* blocos alternados */
    --c-panel: #FFFFFF;
    /* painéis */
    --c-input-medium: #B0B5BB;

    /* Bordas / divisores */
    --c-border: #D2D5D9;
    --c-border-strong: #B5B8BC;
    --c-gray-100: #EBECED;
    --c-gray-300: #DADDE1;

    /* Destaques informativos */
    --c-highlight: #E8FFB3;
    /* tom claro do verde marca */
    --c-highlight-border: #C9F871;

    /* Apoio */
    --c-purple: #9A7AFF;

    /* Header (menu) */
    --c-header-bg: #1b1b1b;
    --c-header-text: #EAEAEA;
    --c-shadow: rgba(0, 0, 0, .3);

    /* Qtd Tickets */
    --c-pill-selected-bg: #ffffff;
    --c-pill-selected-text: #0D0F14;

    --c-primary-ink: #98CC00;
    /* verde escuro que harmoniza com o lime */
    --c-link: var(--c-primary-ink);

}

/* ===== Overrides do tema LIGHT para contraste ===== */

/* texto/destaque primário em superfícies claras */
.text-primary,
.section-title,
.label {
    color: var(--c-primary-ink) !important;
}

a {
    color: var(--c-link, var(--c-primary-ink));
}

a:hover {
    opacity: .9;
}

/* Tabs: ativo com texto “ink” e underline lime */
.section-tabs .section-tab.is-active {
    color: var(--c-primary-ink);
}

.section-tabs .section-tab.is-active::after {
    background: var(--c-primary-ink);
}


/* Botão primário (mantém o lime como fill) */
.btn-primary,
.cta,
button.cta {
    background: var(--c-primary);
    color: var(--c-primary-contrast);
    text-align: center;
    /* garante centralização do rótulo */
}

.btn-primary:hover,
.cta:hover,
button.cta:hover {
    background: var(--c-primary-dark);
}

/* Badges primárias (lime de fundo + texto legível) */
.badge--primary {
    background: var(--c-primary);
    color: var(--c-primary-contrast);
}

/* Botão “remover” dentro da badge */
.badge--primary .badge-clear {
    color: var(--c-primary-ink);
    cursor: pointer;
}

/* Desktop continua com contraste alto (sobre fundo escuro) */
.promo-hero__title,
.promo-hero__row {
    color: var(--c-text-inverse) !important;
}

/* Em telas pequenas o hero fica em base clara: usar cor de texto padrão */
@media (max-width: 768px) {

    .promo-hero__title,
    .promo-hero__row {
        color: var(--c-text-default) !important;
    }

    .promo-hero__data span,
    .promo-hero__data i {
        color: var(--c-primary-dark) !important;
    }

    .promo-hero__meta {
        color: var(--c-text-dark);
    }

    /* opcional, melhora leitura */
}