/* ============================================================
   next2026-tokens.css - Design tokens do novo front-end NeXT
   Todas as cores/fontes/medidas do site novo saem daqui.
   ============================================================ */
:root {
    /* Marca */
    --nx-primary: #0a69b5;
    --nx-primary-dark: #085590;
    --nx-primary-darker: #06426f;
    --nx-primary-soft: #e8f2fb;
    --nx-accent: #16a34a;          /* CTA verde (Teste Gratis / Assine) */
    --nx-accent-dark: #12833c;
    --nx-warning: #f59e0b;
    --nx-danger: #dc2626;

    /* Neutros */
    --nx-text: #0f172a;
    --nx-text-soft: #334155;
    --nx-text-muted: #64748b;
    --nx-bg: #ffffff;
    --nx-bg-alt: #f4f8fc;
    --nx-bg-dark: #0b2a45;
    --nx-border: #e2e8f0;

    /* Gradientes */
    --nx-grad-hero: linear-gradient(160deg, #f6faff 0%, #eaf3fc 55%, #dcedfb 100%);
    --nx-grad-primary: linear-gradient(135deg, #0a69b5 0%, #0b86c8 100%);
    --nx-grad-dark: linear-gradient(160deg, #0b2a45 0%, #0d3d63 100%);

    /* Tipografia */
    --nx-font: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;

    /* Formas e sombras */
    --nx-radius-sm: 8px;
    --nx-radius: 14px;
    --nx-radius-lg: 24px;
    --nx-shadow-sm: 0 1px 3px rgba(15, 23, 42, .08);
    --nx-shadow: 0 8px 24px rgba(15, 23, 42, .10);
    --nx-shadow-lg: 0 20px 50px rgba(10, 105, 181, .18);

    /* Espacamento de secoes */
    --nx-section-gap: clamp(3.5rem, 8vw, 6.5rem);

    /* Ponte para as variaveis do Bootstrap 5.3 */
    --bs-primary: var(--nx-primary);
    --bs-primary-rgb: 10, 105, 181;
    --bs-success: var(--nx-accent);
    --bs-success-rgb: 22, 163, 74;
    --bs-link-color: var(--nx-primary);
    --bs-link-hover-color: var(--nx-primary-dark);
    --bs-body-font-family: var(--nx-font);
    --bs-body-color: var(--nx-text);
    --bs-border-radius: var(--nx-radius-sm);
    --bs-border-radius-lg: var(--nx-radius);
}