/**
 * Engajamento — paletas de marca (roxo / azul / amarelo / vermelho)
 * Carregar depois dos CSS principais. Controlado por html[data-brand].
 */

html[data-brand="purple"],
html:not([data-brand]) {
  --primary: #6D28D9;
  --primary-2: #7C3AED;
  --primary-3: #8B5CF6;
  --primary-light: #A78BFA;
  --primary-soft: #F5F3FF;
  --primary-ultra-soft: #FAF8FF;
  --dark-purple: #1C1454;
  --grad-main: linear-gradient(135deg, #5B21B6 0%, #7C3AED 50%, #8B5CF6 100%);
  --grad-dark: linear-gradient(135deg, #191248 0%, #35158A 50%, #6126D9 100%);
  --brand-sidebar-grad: linear-gradient(180deg, #2E1065 0%, #3B0764 28%, #4C1D95 62%, #1E1B4B 100%);
  --brand-hero-grad: linear-gradient(120deg, #2E1065 0%, #4C1D95 40%, #6D28D9 78%, #8B5CF6 100%);
  --brand-bar-grad: linear-gradient(90deg, #3B0764 0%, #5B21B6 40%, #7C3AED 78%, #A78BFA 100%);
  --brand-btn-grad: linear-gradient(135deg, #7C3AED 0%, #6D28D9 100%);
  --brand-accent: #7C3AED;
  --brand-accent-2: #6D28D9;
  --brand-accent-soft: #F3EEFF;
  --brand-accent-light: #A78BFA;
  --brand-navy: #4C1D95;
  --brand-deep: #2E1065;
  --d-primary: #6D28D9;
  --d-primary-2: #7C3AED;
  --d-navy: #4C1D95;
  --d-bg: #F4F2FB;
  --d-soft: #F7F5FF;
  --d-border: #E8E4F4;
  --tk-p: #6D28D9;
  --tk-p2: #7C3AED;
  --af-p: #6D28D9;
  --af-p2: #7C3AED;
  --nod-p: #6D28D9;
  --nod-p2: #7C3AED;
  --sp-p: #6D28D9;
  --sp-p2: #7C3AED;
  --oh-p: #6D28D9;
  --oh-p2: #7C3AED;
  --ac-p: #6D28D9;
  --ac-p2: #7C3AED;
  --api-p: #6D28D9;
  --api-p2: #7C3AED;
  --dg-p: #6D28D9;
  --dg-p2: #7C3AED;
  --adm-primary: #7138E8;
  --adm-primary-2: #6328DA;
  --adm-primary-3: #5B21B6;
  --adm-soft: #F1EAFF;
  --adm-sidebar-bg: #190747;
  --adm-sidebar-bg-2: #291064;
  --d-icon-bg: linear-gradient(145deg, #F3EEFF, #EDE9FE);
  --d-card-head-bg: linear-gradient(180deg, #FCFAFF 0%, #fff 100%);
  --d-hero-shadow: 0 14px 32px rgba(76, 29, 149, .22);
  --brand-balance-bg: linear-gradient(135deg, rgba(109,40,217,.55) 0%, rgba(76,29,149,.35) 100%);
  --brand-balance-bg-rail: linear-gradient(180deg, rgba(76,29,149,.55) 0%, rgba(30,16,101,.72) 100%);
  --brand-balance-border: rgba(167,139,250,.32);
  --brand-balance-border-rail: rgba(196,181,253,.42);
  --brand-balance-shadow: 0 2px 8px rgba(76,29,149,.18);
  --brand-balance-icon: #DDD6FE;
  --brand-balance-value: #E9D5FF;
  --brand-menu-active-grad: linear-gradient(to top, #6D28D9 0%, #A78BFA 22%, rgba(255,255,255,.98) 50%, #A78BFA 78%, #7C3AED 100%);
  --brand-menu-active-glow: 0 0 10px rgba(255,255,255,.45), 0 0 6px rgba(167,139,250,.55);
  --brand-menu-active-bg: linear-gradient(180deg, rgba(91,33,182,.55) 0%, rgba(76,29,149,.72) 100%);
  --brand-neworder-bg: linear-gradient(90deg, #6D28D9 0%, #8B5CF6 100%);
  --brand-neworder-shadow: 0 6px 14px rgba(91, 33, 182, .28);
  --brand-net-open-bg: linear-gradient(90deg, #6D28D9 0%, #8B5CF6 100%);
  --brand-sidebar-sec-color: rgba(196, 181, 253, .72);
  --brand-nets-wrap-bg: rgba(15, 8, 40, .35);
  --brand-nets-wrap-border: rgba(167, 139, 250, .22);
  --brand-sidebar-footer-hover: #7C3AED;
  --brand-chip-hover-border: rgba(167,139,250,.35);
  --brand-link-hover-bg: rgba(124, 58, 237, .12);
  --lp-footer-bg: linear-gradient(135deg, #171142, #29116A);
  --lp-footer-glow: radial-gradient(circle, rgba(139, 92, 246, .28), transparent 70%);
  --brand-chip-hover-bg: rgba(124, 58, 237, .22);
  --brand-chip-icon-color: #E9D5FF;
  --brand-flyout-bg: linear-gradient(165deg, #0B0618 0%, #1A0B2E 35%, #2E1065 70%, #3B0764 100%);
  --brand-flyout-hover-bg: rgba(124, 58, 237, .28);
  --brand-child-line: rgba(167, 139, 250, .45);
  --brand-child-dot: #A78BFA;
  --brand-child-dot-ring: rgba(109, 40, 217, .25);
  --brand-child-hover-bg: rgba(124, 58, 237, .22);
  --brand-child-active-dot: #C4B5FD;
  --brand-focus-ring: rgba(124, 58, 237, .15);
  --lp-btn-shadow: 0 10px 24px rgba(109, 40, 217, 0.28);
}

html[data-brand="blue"] {
  --primary: #2563EB;
  --primary-2: #3B82F6;
  --primary-3: #60A5FA;
  --primary-light: #93C5FD;
  --primary-soft: #EFF6FF;
  --primary-ultra-soft: #F8FAFF;
  --dark-purple: #0F172A;
  --grad-main: linear-gradient(135deg, #1D4ED8 0%, #2563EB 50%, #3B82F6 100%);
  --grad-dark: linear-gradient(135deg, #0F172A 0%, #1E3A8A 50%, #2563EB 100%);
  --brand-sidebar-grad: linear-gradient(180deg, #0F172A 0%, #1E3A8A 28%, #1D4ED8 62%, #0B1120 100%);
  --brand-hero-grad: linear-gradient(120deg, #0F172A 0%, #1E40AF 40%, #2563EB 78%, #3B82F6 100%);
  --brand-bar-grad: linear-gradient(90deg, #1E3A8A 0%, #1D4ED8 40%, #2563EB 78%, #60A5FA 100%);
  --brand-btn-grad: linear-gradient(135deg, #3B82F6 0%, #2563EB 100%);
  --brand-accent: #3B82F6;
  --brand-accent-2: #2563EB;
  --brand-accent-soft: #EFF6FF;
  --brand-accent-light: #93C5FD;
  --brand-navy: #1E40AF;
  --brand-deep: #1E3A8A;
  --d-primary: #2563EB;
  --d-primary-2: #3B82F6;
  --d-navy: #1E40AF;
  --d-bg: #F0F5FF;
  --d-soft: #F5F9FF;
  --d-border: #DBEAFE;
  --tk-p: #2563EB;
  --tk-p2: #3B82F6;
  --af-p: #2563EB;
  --af-p2: #3B82F6;
  --nod-p: #2563EB;
  --nod-p2: #3B82F6;
  --sp-p: #2563EB;
  --sp-p2: #3B82F6;
  --oh-p: #2563EB;
  --oh-p2: #3B82F6;
  --ac-p: #2563EB;
  --ac-p2: #3B82F6;
  --api-p: #2563EB;
  --api-p2: #3B82F6;
  --dg-p: #2563EB;
  --dg-p2: #3B82F6;
  --adm-primary: #2563EB;
  --adm-primary-2: #1D4ED8;
  --adm-primary-3: #1E40AF;
  --adm-soft: #EFF6FF;
  --adm-sidebar-bg: #0B1120;
  --adm-sidebar-bg-2: #1E3A8A;
  --lp-hero-bg:
    radial-gradient(circle at 18% 18%, rgba(59,130,246,.07), transparent 28%),
    radial-gradient(circle at 88% 8%, rgba(59,130,246,.16), transparent 34%),
    linear-gradient(180deg, #F8FAFF 0%, #FFFFFF 58%, #FFFFFF 100%);
  --lp-hero-overlay-r: radial-gradient(circle, rgba(59,130,246,.17) 0%, rgba(59,130,246,.06) 35%, transparent 70%);
  --lp-hero-overlay-l: radial-gradient(circle, rgba(37,99,235,.08) 0%, transparent 70%);
  --lp-hero-title: var(--text);
  --lp-hero-lead: var(--text-secondary);
  --lp-hero-badge-bg: var(--primary-soft);
  --lp-hero-badge-color: var(--primary);
  --lp-hero-seal-color: var(--text-secondary);
  --lp-hero-seal-icon-bg: var(--primary-soft);
  --lp-hero-seal-icon-color: var(--primary);
  --lp-float-bg: linear-gradient(145deg, rgba(59,130,246,.20), rgba(255,255,255,.80));
  --lp-float-border: rgba(37,99,235,.15);
  --lp-float-shadow: 0 10px 30px rgba(37,99,235,.12);
  --lp-float-accent: #60A5FA;
  --lp-orbit-filter: hue-rotate(48deg) saturate(1.15) brightness(1.05);
  --lp-reseller-bg: linear-gradient(135deg, #0F172A 0%, #1E40AF 50%, #2563EB 100%);
  --lp-logo-shadow: 0 6px 16px rgba(37,99,235,.35);
  --lp-auth-border: rgba(37,99,235,.18);
  --lp-step-shadow: 0 12px 28px rgba(37,99,235,.28);
  --lp-btn-shadow: 0 10px 24px rgba(37, 99, 235, 0.28);
  --d-icon-bg: linear-gradient(145deg, #EFF6FF, #DBEAFE);
  --d-card-head-bg: linear-gradient(180deg, #F8FAFF 0%, #fff 100%);
  --d-hero-shadow: 0 14px 32px rgba(37, 99, 235, .22);
  --brand-balance-bg: linear-gradient(135deg, rgba(37,99,235,.58) 0%, rgba(30,64,175,.38) 100%);
  --brand-balance-bg-rail: linear-gradient(180deg, rgba(30,64,175,.58) 0%, rgba(15,23,42,.78) 100%);
  --brand-balance-border: rgba(147,197,253,.35);
  --brand-balance-border-rail: rgba(147,197,253,.42);
  --brand-balance-shadow: 0 2px 8px rgba(37,99,235,.22);
  --brand-balance-icon: #BFDBFE;
  --brand-balance-value: #DBEAFE;
  --brand-menu-active-grad: linear-gradient(to top, #2563EB 0%, #93C5FD 22%, rgba(255,255,255,.98) 50%, #93C5FD 78%, #3B82F6 100%);
  --brand-menu-active-glow: 0 0 10px rgba(255,255,255,.45), 0 0 6px rgba(147,197,253,.55);
  --brand-menu-active-bg: linear-gradient(180deg, rgba(37,99,235,.58) 0%, rgba(30,64,175,.78) 100%);
  --brand-neworder-bg: linear-gradient(90deg, #2563EB 0%, #3B82F6 100%);
  --brand-neworder-shadow: 0 6px 14px rgba(37, 99, 235, .28);
  --brand-net-open-bg: linear-gradient(90deg, #2563EB 0%, #3B82F6 100%);
  --brand-sidebar-sec-color: rgba(147, 197, 253, .78);
  --brand-nets-wrap-bg: rgba(15, 23, 42, .35);
  --brand-nets-wrap-border: rgba(96, 165, 250, .22);
  --brand-sidebar-footer-hover: #2563EB;
  --brand-chip-hover-border: rgba(96,165,250,.35);
  --brand-link-hover-bg: rgba(59, 130, 246, .12);
  --lp-footer-bg: linear-gradient(135deg, #0B1120, #1E40AF);
  --lp-footer-glow: radial-gradient(circle, rgba(59, 130, 246, .28), transparent 70%);
  --brand-chip-hover-bg: rgba(59, 130, 246, .22);
  --brand-chip-icon-color: #DBEAFE;
  --brand-flyout-bg: linear-gradient(165deg, #020617 0%, #0F172A 35%, #1E3A8A 70%, #1D4ED8 100%);
  --brand-flyout-hover-bg: rgba(59, 130, 246, .28);
  --brand-child-line: rgba(147, 197, 253, .45);
  --brand-child-dot: #93C5FD;
  --brand-child-dot-ring: rgba(37, 99, 235, .25);
  --brand-child-hover-bg: rgba(59, 130, 246, .22);
  --brand-child-active-dot: #BFDBFE;
  --brand-focus-ring: rgba(59, 130, 246, .15);
}

html[data-brand="yellow"] {
  --primary: #CA8A04;
  --primary-2: #EAB308;
  --primary-3: #FACC15;
  --primary-light: #FDE047;
  --primary-soft: #FEFCE8;
  --primary-ultra-soft: #FEFDF5;
  --dark-purple: #422006;
  --grad-main: linear-gradient(135deg, #A16207 0%, #CA8A04 50%, #EAB308 100%);
  --grad-dark: linear-gradient(135deg, #292524 0%, #713F12 50%, #CA8A04 100%);
  --brand-sidebar-grad: linear-gradient(180deg, #292524 0%, #422006 28%, #A16207 62%, #1C1917 100%);
  --brand-hero-grad: linear-gradient(120deg, #292524 0%, #713F12 40%, #CA8A04 78%, #EAB308 100%);
  --brand-bar-grad: linear-gradient(90deg, #422006 0%, #A16207 40%, #CA8A04 78%, #FDE047 100%);
  --brand-btn-grad: linear-gradient(135deg, #EAB308 0%, #CA8A04 100%);
  --brand-accent: #EAB308;
  --brand-accent-2: #CA8A04;
  --brand-accent-soft: #FEF9C3;
  --brand-accent-light: #FDE047;
  --brand-navy: #92400E;
  --brand-deep: #713F12;
  --d-primary: #CA8A04;
  --d-primary-2: #EAB308;
  --d-navy: #92400E;
  --d-bg: #FFFBEB;
  --d-soft: #FEFCE8;
  --d-border: #FDE68A;
  --tk-p: #CA8A04;
  --tk-p2: #EAB308;
  --af-p: #CA8A04;
  --af-p2: #EAB308;
  --nod-p: #CA8A04;
  --nod-p2: #EAB308;
  --sp-p: #CA8A04;
  --sp-p2: #EAB308;
  --oh-p: #CA8A04;
  --oh-p2: #EAB308;
  --ac-p: #CA8A04;
  --ac-p2: #EAB308;
  --api-p: #CA8A04;
  --api-p2: #EAB308;
  --dg-p: #CA8A04;
  --dg-p2: #EAB308;
  --adm-primary: #CA8A04;
  --adm-primary-2: #A16207;
  --adm-primary-3: #854D0E;
  --adm-soft: #FEFCE8;
  --adm-sidebar-bg: #1C1917;
  --adm-sidebar-bg-2: #422006;
  --lp-hero-bg:
    radial-gradient(circle at 18% 18%, rgba(234,179,8,.07), transparent 28%),
    radial-gradient(circle at 88% 8%, rgba(234,179,8,.16), transparent 34%),
    linear-gradient(180deg, #FEFDF5 0%, #FFFFFF 58%, #FFFFFF 100%);
  --lp-hero-overlay-r: radial-gradient(circle, rgba(234,179,8,.17) 0%, rgba(234,179,8,.06) 35%, transparent 70%);
  --lp-hero-overlay-l: radial-gradient(circle, rgba(202,138,4,.08) 0%, transparent 70%);
  --lp-hero-title: var(--text);
  --lp-hero-lead: var(--text-secondary);
  --lp-hero-badge-bg: var(--primary-soft);
  --lp-hero-badge-color: var(--primary);
  --lp-hero-seal-color: var(--text-secondary);
  --lp-hero-seal-icon-bg: var(--primary-soft);
  --lp-hero-seal-icon-color: var(--primary);
  --lp-float-bg: linear-gradient(145deg, rgba(234,179,8,.20), rgba(255,255,255,.80));
  --lp-float-border: rgba(202,138,4,.15);
  --lp-float-shadow: 0 10px 30px rgba(202,138,4,.12);
  --lp-float-accent: #FACC15;
  --lp-orbit-filter: hue-rotate(125deg) saturate(1.1) brightness(1.02);
  --lp-reseller-bg: linear-gradient(135deg, #292524 0%, #A16207 50%, #CA8A04 100%);
  --lp-logo-shadow: 0 6px 16px rgba(202,138,4,.35);
  --lp-auth-border: rgba(202,138,4,.18);
  --lp-step-shadow: 0 12px 28px rgba(202,138,4,.28);
  --lp-btn-shadow: 0 10px 24px rgba(202, 138, 4, 0.28);
  --d-icon-bg: linear-gradient(145deg, #FEF9C3, #FDE68A);
  --d-card-head-bg: linear-gradient(180deg, #FFFBEB 0%, #fff 100%);
  --d-hero-shadow: 0 14px 32px rgba(202, 138, 4, .22);
  --brand-balance-bg: linear-gradient(135deg, rgba(202,138,4,.58) 0%, rgba(146,64,14,.38) 100%);
  --brand-balance-bg-rail: linear-gradient(180deg, rgba(146,64,14,.58) 0%, rgba(41,37,36,.78) 100%);
  --brand-balance-border: rgba(250,204,21,.35);
  --brand-balance-border-rail: rgba(253,224,71,.42);
  --brand-balance-shadow: 0 2px 8px rgba(202,138,4,.22);
  --brand-balance-icon: #FDE68A;
  --brand-balance-value: #FEF3C7;
  --brand-menu-active-grad: linear-gradient(to top, #CA8A04 0%, #FDE047 22%, rgba(255,255,255,.98) 50%, #FDE047 78%, #EAB308 100%);
  --brand-menu-active-glow: 0 0 10px rgba(255,255,255,.45), 0 0 6px rgba(253,224,71,.55);
  --brand-menu-active-bg: linear-gradient(180deg, rgba(202,138,4,.58) 0%, rgba(146,64,14,.78) 100%);
  --brand-neworder-bg: linear-gradient(90deg, #CA8A04 0%, #EAB308 100%);
  --brand-neworder-shadow: 0 6px 14px rgba(202, 138, 4, .28);
  --brand-net-open-bg: linear-gradient(90deg, #CA8A04 0%, #EAB308 100%);
  --brand-sidebar-sec-color: rgba(253, 224, 71, .78);
  --brand-nets-wrap-bg: rgba(41, 37, 36, .35);
  --brand-nets-wrap-border: rgba(250, 204, 21, .22);
  --brand-sidebar-footer-hover: #CA8A04;
  --brand-chip-hover-border: rgba(250,204,21,.35);
  --brand-link-hover-bg: rgba(234, 179, 8, .12);
  --lp-footer-bg: linear-gradient(135deg, #1C1917, #713F12);
  --lp-footer-glow: radial-gradient(circle, rgba(234, 179, 8, .28), transparent 70%);
  --brand-chip-hover-bg: rgba(234, 179, 8, .22);
  --brand-chip-icon-color: #FEF3C7;
  --brand-flyout-bg: linear-gradient(165deg, #1C1917 0%, #292524 35%, #713F12 70%, #A16207 100%);
  --brand-flyout-hover-bg: rgba(234, 179, 8, .28);
  --brand-child-line: rgba(253, 224, 71, .45);
  --brand-child-dot: #FDE047;
  --brand-child-dot-ring: rgba(202, 138, 4, .25);
  --brand-child-hover-bg: rgba(234, 179, 8, .22);
  --brand-child-active-dot: #FDE68A;
  --brand-focus-ring: rgba(234, 179, 8, .15);
}

html[data-brand="red"] {
  --primary: #DC2626;
  --primary-2: #EF4444;
  --primary-3: #F87171;
  --primary-light: #FCA5A5;
  --primary-soft: #FEF2F2;
  --primary-ultra-soft: #FFF5F5;
  --dark-purple: #450A0A;
  --grad-main: linear-gradient(135deg, #991B1B 0%, #DC2626 50%, #EF4444 100%);
  --grad-dark: linear-gradient(135deg, #1C1917 0%, #7F1D1D 50%, #DC2626 100%);
  --brand-sidebar-grad: linear-gradient(180deg, #1C1917 0%, #450A0A 28%, #B91C1C 62%, #0A0A0A 100%);
  --brand-hero-grad: linear-gradient(120deg, #1C1917 0%, #7F1D1D 40%, #DC2626 78%, #EF4444 100%);
  --brand-bar-grad: linear-gradient(90deg, #450A0A 0%, #991B1B 40%, #DC2626 78%, #F87171 100%);
  --brand-btn-grad: linear-gradient(135deg, #EF4444 0%, #DC2626 100%);
  --brand-accent: #EF4444;
  --brand-accent-2: #DC2626;
  --brand-accent-soft: #FEE2E2;
  --brand-accent-light: #FCA5A5;
  --brand-navy: #991B1B;
  --brand-deep: #7F1D1D;
  --d-primary: #DC2626;
  --d-primary-2: #EF4444;
  --d-navy: #991B1B;
  --d-bg: #FFF5F5;
  --d-soft: #FEF2F2;
  --d-border: #FECACA;
  --tk-p: #DC2626;
  --tk-p2: #EF4444;
  --af-p: #DC2626;
  --af-p2: #EF4444;
  --nod-p: #DC2626;
  --nod-p2: #EF4444;
  --sp-p: #DC2626;
  --sp-p2: #EF4444;
  --oh-p: #DC2626;
  --oh-p2: #EF4444;
  --ac-p: #DC2626;
  --ac-p2: #EF4444;
  --api-p: #DC2626;
  --api-p2: #EF4444;
  --dg-p: #DC2626;
  --dg-p2: #EF4444;
  --adm-primary: #DC2626;
  --adm-primary-2: #B91C1C;
  --adm-primary-3: #991B1B;
  --adm-soft: #FEF2F2;
  --adm-sidebar-bg: #1C1917;
  --adm-sidebar-bg-2: #450A0A;
  --lp-hero-bg:
    radial-gradient(circle at 18% 18%, rgba(239,68,68,.07), transparent 28%),
    radial-gradient(circle at 88% 8%, rgba(239,68,68,.16), transparent 34%),
    linear-gradient(180deg, #FFF5F5 0%, #FFFFFF 58%, #FFFFFF 100%);
  --lp-hero-overlay-r: radial-gradient(circle, rgba(239,68,68,.17) 0%, rgba(239,68,68,.06) 35%, transparent 70%);
  --lp-hero-overlay-l: radial-gradient(circle, rgba(220,38,38,.08) 0%, transparent 70%);
  --lp-hero-title: var(--text);
  --lp-hero-lead: var(--text-secondary);
  --lp-hero-badge-bg: var(--primary-soft);
  --lp-hero-badge-color: var(--primary);
  --lp-hero-seal-color: var(--text-secondary);
  --lp-hero-seal-icon-bg: var(--primary-soft);
  --lp-hero-seal-icon-color: var(--primary);
  --lp-float-bg: linear-gradient(145deg, rgba(239,68,68,.20), rgba(255,255,255,.80));
  --lp-float-border: rgba(220,38,38,.15);
  --lp-float-shadow: 0 10px 30px rgba(220,38,38,.12);
  --lp-float-accent: #F87171;
  --lp-orbit-filter: hue-rotate(145deg) saturate(1.15) brightness(1.02);
  --lp-reseller-bg: linear-gradient(135deg, #1C1917 0%, #991B1B 50%, #DC2626 100%);
  --lp-logo-shadow: 0 6px 16px rgba(220,38,38,.35);
  --lp-auth-border: rgba(220,38,38,.18);
  --lp-step-shadow: 0 12px 28px rgba(220,38,38,.28);
  --lp-btn-shadow: 0 10px 24px rgba(220, 38, 38, 0.28);
  --d-icon-bg: linear-gradient(145deg, #FEE2E2, #FECACA);
  --d-card-head-bg: linear-gradient(180deg, #FFF5F5 0%, #fff 100%);
  --d-hero-shadow: 0 14px 32px rgba(220, 38, 38, .22);
  --brand-balance-bg: linear-gradient(135deg, rgba(220,38,38,.58) 0%, rgba(153,27,27,.38) 100%);
  --brand-balance-bg-rail: linear-gradient(180deg, rgba(153,27,27,.58) 0%, rgba(28,25,25,.78) 100%);
  --brand-balance-border: rgba(248,113,113,.35);
  --brand-balance-border-rail: rgba(252,165,165,.42);
  --brand-balance-shadow: 0 2px 8px rgba(220,38,38,.22);
  --brand-balance-icon: #FECACA;
  --brand-balance-value: #FEE2E2;
  --brand-menu-active-grad: linear-gradient(to top, #DC2626 0%, #FCA5A5 22%, rgba(255,255,255,.98) 50%, #FCA5A5 78%, #EF4444 100%);
  --brand-menu-active-glow: 0 0 10px rgba(255,255,255,.45), 0 0 6px rgba(252,165,165,.55);
  --brand-menu-active-bg: linear-gradient(180deg, rgba(220,38,38,.58) 0%, rgba(153,27,27,.78) 100%);
  --brand-neworder-bg: linear-gradient(90deg, #DC2626 0%, #EF4444 100%);
  --brand-neworder-shadow: 0 6px 14px rgba(220, 38, 38, .28);
  --brand-net-open-bg: linear-gradient(90deg, #DC2626 0%, #EF4444 100%);
  --brand-sidebar-sec-color: rgba(252, 165, 165, .78);
  --brand-nets-wrap-bg: rgba(28, 25, 25, .35);
  --brand-nets-wrap-border: rgba(248, 113, 113, .22);
  --brand-sidebar-footer-hover: #DC2626;
  --brand-chip-hover-border: rgba(248,113,113,.35);
  --brand-link-hover-bg: rgba(239, 68, 68, .12);
  --lp-footer-bg: linear-gradient(135deg, #1C1917, #7F1D1D);
  --lp-footer-glow: radial-gradient(circle, rgba(239, 68, 68, .28), transparent 70%);
  --brand-chip-hover-bg: rgba(239, 68, 68, .22);
  --brand-chip-icon-color: #FEE2E2;
  --brand-flyout-bg: linear-gradient(165deg, #0A0A0A 0%, #1C1917 35%, #7F1D1D 70%, #B91C1C 100%);
  --brand-flyout-hover-bg: rgba(239, 68, 68, .28);
  --brand-child-line: rgba(252, 165, 165, .45);
  --brand-child-dot: #FCA5A5;
  --brand-child-dot-ring: rgba(220, 38, 38, .25);
  --brand-child-hover-bg: rgba(239, 68, 68, .22);
  --brand-child-active-dot: #FECACA;
  --brand-focus-ring: rgba(239, 68, 68, .15);
}

/* Landing — seções escuras e detalhes roxos restantes */
html[data-brand="blue"] .lp-cta-band,
html[data-brand="yellow"] .lp-cta-band,
html[data-brand="red"] .lp-cta-band,
html[data-brand="blue"] .lp-pricing-hero,
html[data-brand="yellow"] .lp-pricing-hero,
html[data-brand="red"] .lp-pricing-hero {
  background: var(--grad-dark) !important;
}

html[data-brand="blue"] .lp-section--soft,
html[data-brand="yellow"] .lp-section--soft,
html[data-brand="red"] .lp-section--soft {
  background: linear-gradient(180deg, var(--primary-ultra-soft) 0%, #FFFFFF 100%) !important;
}

html[data-brand="blue"] .btn--soft,
html[data-brand="yellow"] .btn--soft,
html[data-brand="red"] .btn--soft {
  background: var(--primary-soft) !important;
  border-color: var(--d-border) !important;
}

html[data-brand="blue"] .btn--soft:hover,
html[data-brand="yellow"] .btn--soft:hover,
html[data-brand="red"] .btn--soft:hover {
  background: var(--brand-accent-soft) !important;
}

html[data-brand="blue"] .lp-reseller .lp-kicker,
html[data-brand="yellow"] .lp-reseller .lp-kicker,
html[data-brand="red"] .lp-reseller .lp-kicker {
  color: var(--brand-accent-light) !important;
}

html[data-brand="blue"] .lp-table tbody tr:hover,
html[data-brand="yellow"] .lp-table tbody tr:hover,
html[data-brand="red"] .lp-table tbody tr:hover,
html[data-brand="blue"] .lp-table thead th,
html[data-brand="yellow"] .lp-table thead th,
html[data-brand="red"] .lp-table thead th {
  background: var(--primary-ultra-soft) !important;
}

html[data-brand="blue"] .lp-chip,
html[data-brand="yellow"] .lp-chip,
html[data-brand="red"] .lp-chip {
  background: var(--primary-soft) !important;
  color: var(--brand-accent-2) !important;
}

html[data-brand="blue"] .auth-tabs,
html[data-brand="yellow"] .auth-tabs,
html[data-brand="red"] .auth-tabs {
  background: var(--primary-soft) !important;
}

html[data-brand="blue"] .field input:focus,
html[data-brand="yellow"] .field input:focus,
html[data-brand="red"] .field input:focus {
  border-color: var(--brand-accent) !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--brand-accent) 18%, transparent) !important;
}

html[data-brand="blue"] .ajuda-hero,
html[data-brand="yellow"] .ajuda-hero,
html[data-brand="red"] .ajuda-hero {
  background: var(--brand-hero-grad) !important;
}

html[data-brand="blue"] .ajuda-btn,
html[data-brand="yellow"] .ajuda-btn,
html[data-brand="red"] .ajuda-btn,
html[data-brand="blue"] .ajuda-crumb a,
html[data-brand="yellow"] .ajuda-crumb a,
html[data-brand="red"] .ajuda-crumb a,
html[data-brand="blue"] .ajuda-widget__list a:hover,
html[data-brand="yellow"] .ajuda-widget__list a:hover,
html[data-brand="red"] .ajuda-widget__list a:hover,
html[data-brand="blue"] .ajuda-link,
html[data-brand="yellow"] .ajuda-link,
html[data-brand="red"] .ajuda-link {
  color: var(--brand-accent-2) !important;
}

html[data-brand="blue"] .ajuda-search button,
html[data-brand="yellow"] .ajuda-search button,
html[data-brand="red"] .ajuda-search button,
html[data-brand="blue"] .ajuda-search__btn,
html[data-brand="yellow"] .ajuda-search__btn,
html[data-brand="red"] .ajuda-search__btn {
  background: var(--brand-accent-2) !important;
}

html[data-brand="blue"] .ajuda-search button:hover,
html[data-brand="yellow"] .ajuda-search button:hover,
html[data-brand="red"] .ajuda-search button:hover {
  background: var(--brand-navy) !important;
}

html[data-brand="blue"] .ajuda-body,
html[data-brand="yellow"] .ajuda-body,
html[data-brand="red"] .ajuda-body,
html[data-brand="blue"] .ajuda-widget,
html[data-brand="yellow"] .ajuda-widget,
html[data-brand="red"] .ajuda-widget {
  background: var(--brand-ajuda-bg) !important;
}

html[data-brand="blue"] .ajuda-item:hover,
html[data-brand="yellow"] .ajuda-item:hover,
html[data-brand="red"] .ajuda-item:hover,
html[data-brand="blue"] .ajuda-cat:hover,
html[data-brand="yellow"] .ajuda-cat:hover,
html[data-brand="red"] .ajuda-cat:hover {
  background: var(--brand-surface-soft) !important;
  border-color: var(--brand-border-soft) !important;
}

html[data-brand="blue"] .ajuda-cat span,
html[data-brand="yellow"] .ajuda-cat span,
html[data-brand="red"] .ajuda-cat span,
html[data-brand="blue"] .ajuda-item h3,
html[data-brand="yellow"] .ajuda-item h3,
html[data-brand="red"] .ajuda-item h3 {
  color: var(--brand-accent-2) !important;
}

html[data-brand="blue"] .ajuda-item:hover h3,
html[data-brand="yellow"] .ajuda-item:hover h3,
html[data-brand="red"] .ajuda-item:hover h3 {
  color: var(--brand-navy) !important;
}

html[data-brand="blue"] .ajuda-search__btn,
html[data-brand="yellow"] .ajuda-search__btn,
html[data-brand="red"] .ajuda-search__btn {
  background: var(--brand-accent-2) !important;
}

/* Eternity — barras e hero */
html[data-brand="blue"] .dash-hero,
html[data-brand="yellow"] .dash-hero,
html[data-brand="red"] .dash-hero,
html[data-brand="blue"] .dash-topbar,
html[data-brand="yellow"] .dash-topbar,
html[data-brand="red"] .dash-topbar {
  background: var(--brand-hero-grad) !important;
}

html[data-brand="blue"] .tk-topbar,
html[data-brand="yellow"] .tk-topbar,
html[data-brand="red"] .tk-topbar,
html[data-brand="blue"] .af-topbar,
html[data-brand="yellow"] .af-topbar,
html[data-brand="red"] .af-topbar,
html[data-brand="blue"] .nod-topbar,
html[data-brand="yellow"] .nod-topbar,
html[data-brand="red"] .nod-topbar,
html[data-brand="blue"] .sp-topbar,
html[data-brand="yellow"] .sp-topbar,
html[data-brand="red"] .sp-topbar,
html[data-brand="blue"] .oh-topbar,
html[data-brand="yellow"] .oh-topbar,
html[data-brand="red"] .oh-topbar {
  background: var(--brand-bar-grad) !important;
}

html[data-brand="blue"] .dash-badge--run,
html[data-brand="yellow"] .dash-badge--run,
html[data-brand="red"] .dash-badge--run {
  background: var(--brand-accent-soft) !important;
  color: var(--brand-accent-2) !important;
}

html[data-brand="blue"] .dash-chip--pedido,
html[data-brand="yellow"] .dash-chip--pedido,
html[data-brand="red"] .dash-chip--pedido {
  color: var(--brand-accent-2) !important;
}

html[data-brand="blue"] .dash-chip--pedido:hover,
html[data-brand="yellow"] .dash-chip--pedido:hover,
html[data-brand="red"] .dash-chip--pedido:hover {
  color: var(--brand-navy) !important;
}

html[data-brand="blue"] .dash-quick__icon,
html[data-brand="yellow"] .dash-quick__icon,
html[data-brand="red"] .dash-quick__icon,
html[data-brand="blue"] .dash-news__tag,
html[data-brand="yellow"] .dash-news__tag,
html[data-brand="red"] .dash-news__tag {
  background: var(--brand-accent-soft) !important;
  color: var(--brand-accent) !important;
}

html[data-brand="blue"] .dash-stat-card__cta,
html[data-brand="yellow"] .dash-stat-card__cta,
html[data-brand="red"] .dash-stat-card__cta,
html[data-brand="blue"] .dash-btn-primary,
html[data-brand="yellow"] .dash-btn-primary,
html[data-brand="red"] .dash-btn-primary,
html[data-brand="blue"] .af-submit,
html[data-brand="yellow"] .af-submit,
html[data-brand="red"] .af-submit,
html[data-brand="blue"] .nod-submit,
html[data-brand="yellow"] .nod-submit,
html[data-brand="red"] .nod-submit,
html[data-brand="blue"] .sp-order-btn,
html[data-brand="yellow"] .sp-order-btn,
html[data-brand="red"] .sp-order-btn,
html[data-brand="blue"] .tk-reply-btn,
html[data-brand="yellow"] .tk-reply-btn,
html[data-brand="red"] .tk-reply-btn {
  background: var(--brand-btn-grad) !important;
}

html[data-brand="blue"] .dash-progress__fill,
html[data-brand="yellow"] .dash-progress__fill,
html[data-brand="red"] .dash-progress__fill,
html[data-brand="blue"] .nod-progress__fill,
html[data-brand="yellow"] .nod-progress__fill,
html[data-brand="red"] .nod-progress__fill {
  background: linear-gradient(90deg, var(--brand-accent-2), var(--brand-accent)) !important;
}

/* Tokens de superfície — derivados da paleta ativa */
html[data-brand="purple"],
html[data-brand="blue"],
html[data-brand="yellow"],
html[data-brand="red"] {
  --brand-page-bg: var(--d-bg);
  --brand-surface-soft: var(--primary-soft);
  --brand-surface-ultra: var(--primary-ultra-soft);
  --brand-surface-note: var(--brand-accent-soft);
  --brand-surface-stat: var(--primary-soft);
  --brand-surface-stat-border: color-mix(in srgb, var(--brand-accent) 14%, white);
  --brand-surface-refill: color-mix(in srgb, var(--brand-accent) 6%, white);
  --brand-surface-refill-border: color-mix(in srgb, var(--brand-accent) 18%, white);
  --brand-border-soft: color-mix(in srgb, var(--brand-accent) 22%, white);
  --brand-border-chip: color-mix(in srgb, var(--brand-accent) 16%, white);
  --brand-text-note: color-mix(in srgb, var(--brand-accent-2) 75%, #1e293b);
  --brand-stat-label: color-mix(in srgb, var(--brand-accent) 40%, #64748b);
  --brand-badge-bg: color-mix(in srgb, var(--brand-accent) 8%, white);
  --brand-badge-border: color-mix(in srgb, var(--brand-accent) 16%, white);
  --brand-badge-text: var(--brand-accent-2);
  --brand-input-readonly-bg: var(--brand-accent-soft);
  --brand-input-readonly-border: color-mix(in srgb, var(--brand-accent) 30%, white);
  --brand-input-muted-bg: color-mix(in srgb, var(--brand-accent) 10%, #f8fafc);
  --brand-footer-bg: var(--brand-deep);
  --brand-ajuda-bg: var(--d-soft);
}