:root {
    /* Marca */
    --md-primary: #2563eb;
    --md-primary-dark: #1d4ed8;
    --md-primary-light: #3b82f6;
    --md-primary-soft: #60a5fa;
    --md-primary-bg: #eff6ff;
    --md-primary-border: #bfdbfe;

    --md-accent: #f97316;
    --md-accent-dark: #c2410c;
    --md-accent-soft: #fb923c;
    --md-accent-bg: #ffedd5;

    --md-cyan: #38bdf8;

    /* Neutros — modo claro */
    --md-text: #0f172a;
    --md-muted: #94a3b8;
    --md-bg: #f5f5f6;
    --md-bg-alt: #f8fafc;
    --md-surface: #ffffff;
    --md-border: #e2e8f0;
    --md-border-soft: #f2f2f2;

    /* Modo escuro — hero, login, sidebar */
    --md-dark-deep: #070d18;
    --md-dark: #0f172a;
    --md-dark-alt: #111827;
    --md-dark-surface: rgba(15, 23, 42, 0.72);
    --md-dark-text: #e2e8f0;
    --md-dark-muted: #94a3b8;
    --md-dark-subtle: #94a3b8;
    --md-dark-border: rgba(255, 255, 255, 0.1);

    /* Semânticas */
    --md-success: #22c55e;
    --md-success-text: #166534;
    --md-success-bg: #ecfdf5;
    --md-success-border: #bbf7d0;
    --md-success-soft: #86efac;

    --md-warning: #eab308;
    --md-warning-text: #a16207;
    --md-warning-bg: #fef9c3;
    --md-warning-border: #fde68a;

    --md-error: #ef4444;
    --md-error-soft: #ff6b6b;
    --md-danger-text: #b91c1c;
    --md-danger-bg: #fef2f2;
    --md-danger-border: #fecaca;

    --md-info-bg: #dbeafe;
    --md-info-text: #1d4ed8;
    --md-info-border: #bfdbfe;

    /* UI */
    --md-shadow: 0 18px 50px rgba(15, 23, 42, 0.08);
    --md-shadow-lg: 0 30px 80px rgba(0, 0, 0, 0.45);
    --md-radius: 20px;
    --md-radius-sm: 12px;
    --md-radius-lg: 24px;

    /* Gradientes de marca */
    --md-gradient-brand: linear-gradient(90deg, var(--md-primary) 0%, #0ea5e9 100%);
    --md-gradient-hero: linear-gradient(180deg, #ffffff 0%, #f8fafc 50%, #f2f2f2 100%);
    --md-gradient-hero-glow: radial-gradient(ellipse 70% 55% at 50% -10%, rgba(37, 99, 235, 0.08), transparent 70%);
    --md-gradient-cta: linear-gradient(180deg, var(--md-primary-bg) 0%, #ffffff 100%);
    --md-gradient-brand-mark: linear-gradient(135deg, var(--md-primary), var(--md-primary-light));

    /* Sombras suaves (internacional) */
    --md-shadow-soft: 0 1px 2px rgba(15, 23, 42, 0.04), 0 8px 24px rgba(15, 23, 42, 0.06);
    --md-shadow-card: 0 1px 3px rgba(15, 23, 42, 0.05), 0 12px 32px rgba(15, 23, 42, 0.07);

    /* Painel logado — padrão Hostinger/Plugg.to: cor forte pontual + neutros
       Azul (#2563eb) só em: logo, CTA, barra ativa, links, avatar.
       Resto: branco, cinza claro, texto #4a4a4c. */
    --md-app-text: #4a4a4c;
    --md-app-text-muted: #64748b;
    --md-app-topbar-bg: #ffffff;
    --md-app-topbar-border: var(--md-border);
    --md-app-sidebar-bg: #ffffff;
    --md-app-sidebar-border: var(--md-border);
    --md-app-nav-muted: #4a4a4c;
    --md-app-nav-text: #4a4a4c;
    --md-app-nav-hover: #f2f2f2;
    --md-app-nav-active-bg: #f2f2f2;
    --md-app-nav-active-text: #4a4a4c;
    --md-app-nav-active-accent: var(--md-primary);
}