/* =============================================
   AdegaFlow — Design Tokens v2
   Paleta moderna: fundo claro, acentos escuros
   ============================================= */

:root {
    /* ── Marca ── */
    --af-primary:        #2563eb;   /* azul vibrante — botões, links ativos */
    --af-primary-dark:   #1d4ed8;   /* hover dos botões */
    --af-primary-light:  #eff6ff;   /* fundo de badges, hover suave */
    --af-accent:         #3b82f6;   /* destaques secundários */

    /* ── Semânticas ── */
    --af-success:        #16a34a;
    --af-success-light:  #f0fdf4;
    --af-warning:        #d97706;
    --af-warning-light:  #fffbeb;
    --af-danger:         #dc2626;
    --af-danger-light:   #fef2f2;
    --af-info:           #0891b2;
    --af-info-light:     #ecfeff;

    /* ── Neutros ── */
    --af-bg:             #f8fafc;   /* fundo geral — quase branco */
    --af-surface:        #ffffff;   /* cards, painéis */
    --af-border:         #e2e8f0;   /* bordas suaves */
    --af-border-strong:  #cbd5e1;
    --af-text:           #0f172a;   /* texto principal */
    --af-text-secondary: #475569;   /* texto secundário */
    --af-text-muted:     #94a3b8;   /* texto desabilitado */

    /* ── Sidebar (clara) ── */
    --af-sidebar-bg:        #ffffff;
    --af-sidebar-border:    #e2e8f0;
    --af-sidebar-text:      #475569;
    --af-sidebar-hover-bg:  #f1f5f9;
    --af-sidebar-active-bg: #eff6ff;
    --af-sidebar-active-text: #2563eb;
    --af-sidebar-active-border: #2563eb;

    /* ── Navbar ── */
    --af-navbar-bg:      #0f172a;   /* escuro só na navbar — contraste com sidebar clara */

    /* ── Gradiente (login, header dashboard) ── */
    --af-gradient:       linear-gradient(135deg, #1e3a8a 0%, #2563eb 100%);

    /* ── Sombras ── */
    --af-shadow-xs:      0 1px 2px rgba(0,0,0,0.05);
    --af-shadow-sm:      0 1px 3px rgba(0,0,0,0.08), 0 1px 2px rgba(0,0,0,0.04);
    --af-shadow-md:      0 4px 6px rgba(0,0,0,0.07), 0 2px 4px rgba(0,0,0,0.04);
    --af-shadow-lg:      0 10px 15px rgba(0,0,0,0.08), 0 4px 6px rgba(0,0,0,0.04);

    /* ── Bordas ── */
    --af-radius-sm:      6px;
    --af-radius-md:      10px;
    --af-radius-lg:      16px;
    --af-radius-xl:      24px;

    /* ── Tipografia ── */
    --af-font:           'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;
    --af-font-size-base: 0.9375rem;

    /* ── Planos ── */
    --af-plan-basic:     #64748b;
    --af-plan-premium:   #d97706;
}