/* =============================================================================
   Subscribe Kit — theme.css   (Four Eventos — identidade dark 2026)
   ============================================================================= */

:root {
    /* ---- Cores de marca (Four Eventos) ---- */
    --sk-primary:           #08ffb6;          /* neon verde-ciano */
    --sk-primary-hover:     #00e8a0;
    --sk-primary-contrast:  #00032a;          /* texto escuro sobre o neon */
    --sk-primary-light:     rgba(8,255,182,.10);
    --sk-primary-glow:      rgba(8,255,182,.20);

    /* ---- Estados ---- */
    --sk-accent:            #08ffb6;
    --sk-accent-light:      rgba(8,255,182,.10);
    --sk-warn:              #f59e0b;
    --sk-warn-light:        rgba(245,158,11,.12);
    --sk-danger:            #f87171;
    --sk-danger-light:      rgba(248,113,113,.12);

    /* ---- Dark surfaces ---- */
    --sk-bg:                #00032a;          /* fundo de página */
    --sk-surface:           #060b35;          /* cards, form */
    --sk-surface-2:         #0a1040;          /* cards elevados */
    --sk-surface-3:         #0d1550;          /* hover de cards */
    --sk-border:            rgba(255,255,255,.10);
    --sk-border-focus:      #08ffb6;
    --sk-text:              #ffffff;
    --sk-text-muted:        rgba(255,255,255,.60);
    --sk-text-subtle:       rgba(255,255,255,.35);

    /* ---- Tipografia ---- */
    --sk-font-body:         'Montserrat', -apple-system, BlinkMacSystemFont,
                            "Segoe UI", sans-serif;
    --sk-font-heading:      var(--sk-font-body);
    --sk-font-mono:         ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    --sk-font-size-base:    16px;
    --sk-font-size-sm:      0.875rem;
    --sk-font-size-xs:      0.80rem;

    /* ---- Border-radius ---- */
    --sk-radius-xs:         4px;
    --sk-radius-sm:         8px;
    --sk-radius:            12px;
    --sk-radius-lg:         16px;
    --sk-radius-full:       9999px;

    /* ---- Sombras escuras ---- */
    --sk-shadow-xs:         0 1px 3px rgba(0,0,0,.4);
    --sk-shadow-sm:         0 2px 8px rgba(0,0,0,.5);
    --sk-shadow:            0 4px 20px rgba(0,0,0,.6);
    --sk-shadow-md:         0 8px 30px rgba(0,0,0,.7);
    --sk-shadow-glow:       0 0 20px rgba(8,255,182,.15);

    /* ---- Transições ---- */
    --sk-transition:        .15s ease;
}