/* HILMS site themes — color tokens + optional full design profiles via html[data-site-design]. */
:root {
  --brand-start: #667eea;
  --brand-end: #764ba2;
  --accent: #2563eb;
  --accent-2: #9333ea;
  --accent-dark: #1d4ed8;
  --accent-2-dark: #7e22ce;
  --hero-badge-bg: #facc15;
  --hero-badge-text: #581c87;
  --hero-highlight: #fde047;
  --hero-subtitle: #bfdbfe;
  --link: #2563eb;
  --link-hover: #1d4ed8;
  --ring: #3b82f6;
  --progress-start: #4f46e5;
  --progress-end: #7c3aed;
  --surface-soft: #eff6ff;
}

[data-site-theme="purple-classic"] {
  --brand-start: #667eea;
  --brand-end: #764ba2;
  --accent: #2563eb;
  --accent-2: #9333ea;
  --accent-dark: #1d4ed8;
  --accent-2-dark: #7e22ce;
  --hero-badge-bg: #facc15;
  --hero-badge-text: #581c87;
  --hero-highlight: #fde047;
  --hero-subtitle: #bfdbfe;
  --link: #2563eb;
  --link-hover: #1d4ed8;
  --ring: #3b82f6;
  --progress-start: #4f46e5;
  --progress-end: #7c3aed;
  --surface-soft: #eff6ff;
}

[data-site-theme="navy-pro"] {
  --brand-start: #1e3a5f;
  --brand-end: #0f172a;
  --accent: #2563eb;
  --accent-2: #1d4ed8;
  --accent-dark: #1e40af;
  --accent-2-dark: #1e3a8a;
  --hero-badge-bg: #38bdf8;
  --hero-badge-text: #0c4a6e;
  --hero-highlight: #7dd3fc;
  --hero-subtitle: #cbd5e1;
  --link: #2563eb;
  --link-hover: #1d4ed8;
  --ring: #3b82f6;
  --progress-start: #1d4ed8;
  --progress-end: #0369a1;
  --surface-soft: #f1f5f9;
}

[data-site-theme="ocean-teal"] {
  --brand-start: #06b6d4;
  --brand-end: #0891b2;
  --accent: #0891b2;
  --accent-2: #0e7490;
  --accent-dark: #0e7490;
  --accent-2-dark: #155e75;
  --hero-badge-bg: #a5f3fc;
  --hero-badge-text: #164e63;
  --hero-highlight: #67e8f9;
  --hero-subtitle: #cffafe;
  --link: #0891b2;
  --link-hover: #0e7490;
  --ring: #06b6d4;
  --progress-start: #0891b2;
  --progress-end: #06b6d4;
  --surface-soft: #ecfeff;
}

[data-site-theme="emerald-grove"] {
  --brand-start: #10b981;
  --brand-end: #047857;
  --accent: #059669;
  --accent-2: #047857;
  --accent-dark: #047857;
  --accent-2-dark: #065f46;
  --hero-badge-bg: #bbf7d0;
  --hero-badge-text: #14532d;
  --hero-highlight: #86efac;
  --hero-subtitle: #d1fae5;
  --link: #059669;
  --link-hover: #047857;
  --ring: #10b981;
  --progress-start: #059669;
  --progress-end: #10b981;
  --surface-soft: #ecfdf5;
}

[data-site-theme="sunset-coral"] {
  --brand-start: #f97316;
  --brand-end: #ec4899;
  --accent: #ea580c;
  --accent-2: #db2777;
  --accent-dark: #c2410c;
  --accent-2-dark: #be185d;
  --hero-badge-bg: #fed7aa;
  --hero-badge-text: #9a3412;
  --hero-highlight: #fdba74;
  --hero-subtitle: #ffe4e6;
  --link: #ea580c;
  --link-hover: #c2410c;
  --ring: #f97316;
  --progress-start: #f97316;
  --progress-end: #ec4899;
  --surface-soft: #fff7ed;
}

[data-site-theme="royal-gold"] {
  --brand-start: #1e3a8a;
  --brand-end: #312e81;
  --accent: #1d4ed8;
  --accent-2: #f59e0b;
  --accent-dark: #1e40af;
  --accent-2-dark: #d97706;
  --hero-badge-bg: #fde68a;
  --hero-badge-text: #78350f;
  --hero-highlight: #fbbf24;
  --hero-subtitle: #dbeafe;
  --link: #1d4ed8;
  --link-hover: #1e40af;
  --ring: #f59e0b;
  --progress-start: #1d4ed8;
  --progress-end: #f59e0b;
  --surface-soft: #eff6ff;
}

[data-site-theme="crimson-rose"] {
  --brand-start: #dc2626;
  --brand-end: #be123c;
  --accent: #e11d48;
  --accent-2: #fb7185;
  --accent-dark: #b91c1c;
  --accent-2-dark: #be123c;
  --hero-badge-bg: #fecdd3;
  --hero-badge-text: #881337;
  --hero-highlight: #fda4af;
  --hero-subtitle: #ffe4e6;
  --link: #e11d48;
  --link-hover: #be123c;
  --ring: #f43f5e;
  --progress-start: #dc2626;
  --progress-end: #fb7185;
  --surface-soft: #fff1f2;
}

[data-site-theme="midnight-slate"] {
  --brand-start: #334155;
  --brand-end: #0f172a;
  --accent: #475569;
  --accent-2: #64748b;
  --accent-dark: #334155;
  --accent-2-dark: #475569;
  --hero-badge-bg: #e2e8f0;
  --hero-badge-text: #0f172a;
  --hero-highlight: #cbd5e1;
  --hero-subtitle: #e2e8f0;
  --link: #475569;
  --link-hover: #334155;
  --ring: #64748b;
  --progress-start: #475569;
  --progress-end: #64748b;
  --surface-soft: #f8fafc;
}

[data-site-theme="imperial-velvet"] {
  --brand-start: #4c1d95;
  --brand-end: #3b0764;
  --accent: #7c3aed;
  --accent-2: #ca8a04;
  --accent-dark: #6d28d9;
  --accent-2-dark: #a16207;
  --hero-badge-bg: #fde68a;
  --hero-badge-text: #422006;
  --hero-highlight: #fbbf24;
  --hero-subtitle: #ddd6fe;
  --link: #a78bfa;
  --link-hover: #8b5cf6;
  --ring: #ca8a04;
  --progress-start: #7c3aed;
  --progress-end: #ca8a04;
  --surface-soft: #f5f3ff;
}

[data-site-theme="sapphire-court"] {
  --brand-start: #1e3a8a;
  --brand-end: #172554;
  --accent: #2563eb;
  --accent-2: #94a3b8;
  --accent-dark: #1d4ed8;
  --accent-2-dark: #64748b;
  --hero-badge-bg: #e2e8f0;
  --hero-badge-text: #1e3a8a;
  --hero-highlight: #bfdbfe;
  --hero-subtitle: #cbd5e1;
  --link: #60a5fa;
  --link-hover: #3b82f6;
  --ring: #94a3b8;
  --progress-start: #2563eb;
  --progress-end: #64748b;
  --surface-soft: #eff6ff;
}

[data-site-theme="champagne-luxe"] {
  --brand-start: #57534e;
  --brand-end: #292524;
  --accent: #b45309;
  --accent-2: #fde68a;
  --accent-dark: #92400e;
  --accent-2-dark: #d97706;
  --hero-badge-bg: #fef3c7;
  --hero-badge-text: #78350f;
  --hero-highlight: #fde68a;
  --hero-subtitle: #e7e5e4;
  --link: #d97706;
  --link-hover: #b45309;
  --ring: #f59e0b;
  --progress-start: #b45309;
  --progress-end: #fde68a;
  --surface-soft: #fafaf9;
}

[data-site-theme="rose-gold-majesty"] {
  --brand-start: #831843;
  --brand-end: #500724;
  --accent: #db2777;
  --accent-2: #fcd34d;
  --accent-dark: #be185d;
  --accent-2-dark: #eab308;
  --hero-badge-bg: #fce7f3;
  --hero-badge-text: #831843;
  --hero-highlight: #fbcfe8;
  --hero-subtitle: #fecdd3;
  --link: #f472b6;
  --link-hover: #ec4899;
  --ring: #fcd34d;
  --progress-start: #db2777;
  --progress-end: #fcd34d;
  --surface-soft: #fff1f2;
}

[data-site-theme="regal-noir"] {
  --brand-start: #171717;
  --brand-end: #0a0a0a;
  --accent: #ca8a04;
  --accent-2: #fde047;
  --accent-dark: #a16207;
  --accent-2-dark: #eab308;
  --hero-badge-bg: #fde047;
  --hero-badge-text: #422006;
  --hero-highlight: #fef08a;
  --hero-subtitle: #d4d4d4;
  --link: #facc15;
  --link-hover: #eab308;
  --ring: #fde047;
  --progress-start: #ca8a04;
  --progress-end: #fde047;
  --surface-soft: #fafafa;
}

[data-site-theme="cyber-neon"] {
  --brand-start: #0f172a;
  --brand-end: #020617;
  --accent: #06b6d4;
  --accent-2: #22d3ee;
  --accent-dark: #0891b2;
  --accent-2-dark: #06b6d4;
  --hero-badge-bg: #22d3ee;
  --hero-badge-text: #083344;
  --hero-highlight: #67e8f9;
  --hero-subtitle: #a5f3fc;
  --link: #22d3ee;
  --link-hover: #06b6d4;
  --ring: #22d3ee;
  --progress-start: #0891b2;
  --progress-end: #22d3ee;
  --surface-soft: #ecfeff;
}

[data-site-theme="synthwave-grid"] {
  --brand-start: #701a75;
  --brand-end: #2e1065;
  --accent: #d946ef;
  --accent-2: #f472b6;
  --accent-dark: #c026d3;
  --accent-2-dark: #ec4899;
  --hero-badge-bg: #f0abfc;
  --hero-badge-text: #581c87;
  --hero-highlight: #f9a8d4;
  --hero-subtitle: #e9d5ff;
  --link: #e879f9;
  --link-hover: #d946ef;
  --ring: #f472b6;
  --progress-start: #d946ef;
  --progress-end: #f472b6;
  --surface-soft: #fdf4ff;
}

[data-site-theme="aurora-prism"] {
  --brand-start: #134e4a;
  --brand-end: #312e81;
  --accent: #2dd4bf;
  --accent-2: #818cf8;
  --accent-dark: #0d9488;
  --accent-2-dark: #6366f1;
  --hero-badge-bg: #99f6e4;
  --hero-badge-text: #134e4a;
  --hero-highlight: #5eead4;
  --hero-subtitle: #c7d2fe;
  --link: #2dd4bf;
  --link-hover: #14b8a6;
  --ring: #818cf8;
  --progress-start: #2dd4bf;
  --progress-end: #818cf8;
  --surface-soft: #f0fdfa;
}

[data-site-theme="quantum-violet"] {
  --brand-start: #2e1065;
  --brand-end: #0f0720;
  --accent: #8b5cf6;
  --accent-2: #c084fc;
  --accent-dark: #7c3aed;
  --accent-2-dark: #a855f7;
  --hero-badge-bg: #ddd6fe;
  --hero-badge-text: #3b0764;
  --hero-highlight: #c4b5fd;
  --hero-subtitle: #ede9fe;
  --link: #a78bfa;
  --link-hover: #8b5cf6;
  --ring: #c084fc;
  --progress-start: #7c3aed;
  --progress-end: #c084fc;
  --surface-soft: #f5f3ff;
}

[data-site-theme="neon-matrix"] {
  --brand-start: #052e16;
  --brand-end: #022c22;
  --accent: #22c55e;
  --accent-2: #4ade80;
  --accent-dark: #16a34a;
  --accent-2-dark: #22c55e;
  --hero-badge-bg: #4ade80;
  --hero-badge-text: #052e16;
  --hero-highlight: #86efac;
  --hero-subtitle: #bbf7d0;
  --link: #4ade80;
  --link-hover: #22c55e;
  --ring: #4ade80;
  --progress-start: #16a34a;
  --progress-end: #4ade80;
  --surface-soft: #ecfdf5;
}

[data-site-theme="holographic-silver"] {
  --brand-start: #1e293b;
  --brand-end: #0f172a;
  --accent: #64748b;
  --accent-2: #818cf8;
  --accent-dark: #475569;
  --accent-2-dark: #6366f1;
  --hero-badge-bg: #e0e7ff;
  --hero-badge-text: #1e293b;
  --hero-highlight: #c7d2fe;
  --hero-subtitle: #cbd5e1;
  --link: #94a3b8;
  --link-hover: #818cf8;
  --ring: #818cf8;
  --progress-start: #64748b;
  --progress-end: #818cf8;
  --surface-soft: #f8fafc;
}

[data-site-theme="silicon-valley-ai"] {
  --brand-start: #0B1535;
  --brand-end: #050816;
  --accent: #2563EB;
  --accent-2: #7C3AED;
  --accent-dark: #1D4ED8;
  --accent-2-dark: #6D28D9;
  --hero-badge-bg: #38BDF8;
  --hero-badge-text: #0F172A;
  --hero-highlight: #60A5FA;
  --hero-subtitle: #C7D2FE;
  --link: #3B82F6;
  --link-hover: #2563EB;
  --ring: #6366F1;
  --progress-start: #2563EB;
  --progress-end: #8B5CF6;
  --surface-soft: #EEF2FF;
}

[data-site-theme="neo-brutalist-campus"] {
  --brand-start: #FACC15;
  --brand-end: #EAB308;
  --accent: #0A0A0A;
  --accent-2: #F97316;
  --accent-dark: #171717;
  --accent-2-dark: #EA580C;
  --hero-badge-bg: #0A0A0A;
  --hero-badge-text: #FACC15;
  --hero-highlight: #FDE047;
  --hero-subtitle: #422006;
  --link: #0A0A0A;
  --link-hover: #171717;
  --ring: #F97316;
  --progress-start: #0A0A0A;
  --progress-end: #F97316;
  --surface-soft: #FEFCE8;
}

[data-site-theme="editorial-scholar"] {
  --brand-start: #44403C;
  --brand-end: #1C1917;
  --accent: #CA8A04;
  --accent-2: #78716C;
  --accent-dark: #A16207;
  --accent-2-dark: #57534E;
  --hero-badge-bg: #FEF3C7;
  --hero-badge-text: #1C1917;
  --hero-highlight: #FDE68A;
  --hero-subtitle: #D6D3D1;
  --link: #CA8A04;
  --link-hover: #A16207;
  --ring: #CA8A04;
  --progress-start: #CA8A04;
  --progress-end: #78716C;
  --surface-soft: #FAF9F7;
}

[data-site-theme="neon-grid-academy"] {
  --brand-start: #0F172A;
  --brand-end: #020617;
  --accent: #22D3EE;
  --accent-2: #A855F7;
  --accent-dark: #0891B2;
  --accent-2-dark: #9333EA;
  --hero-badge-bg: #22D3EE;
  --hero-badge-text: #020617;
  --hero-highlight: #67E8F9;
  --hero-subtitle: #94A3B8;
  --link: #22D3EE;
  --link-hover: #67E8F9;
  --ring: #A855F7;
  --progress-start: #22D3EE;
  --progress-end: #A855F7;
  --surface-soft: #0F172A;
}

[data-site-theme="soft-bloom-studio"] {
  --brand-start: #F472B6;
  --brand-end: #A78BFA;
  --accent: #EC4899;
  --accent-2: #8B5CF6;
  --accent-dark: #DB2777;
  --accent-2-dark: #7C3AED;
  --hero-badge-bg: #FBCFE8;
  --hero-badge-text: #831843;
  --hero-highlight: #F9A8D4;
  --hero-subtitle: #FDF2F8;
  --link: #EC4899;
  --link-hover: #DB2777;
  --ring: #A78BFA;
  --progress-start: #F472B6;
  --progress-end: #8B5CF6;
  --surface-soft: #FDF2F8;
}

[data-site-theme="blossom-pink"] {
  --brand-start: #f9a8d4;
  --brand-end: #ec4899;
  --accent: #db2777;
  --accent-2: #f472b6;
  --accent-dark: #be185d;
  --accent-2-dark: #ec4899;
  --hero-badge-bg: #fce7f3;
  --hero-badge-text: #831843;
  --hero-highlight: #fbcfe8;
  --hero-subtitle: #fdf2f8;
  --link: #db2777;
  --link-hover: #be185d;
  --ring: #f472b6;
  --progress-start: #ec4899;
  --progress-end: #f9a8d4;
  --surface-soft: #fdf2f8;
}

[data-site-theme="lavender-dream"] {
  --brand-start: #a78bfa;
  --brand-end: #8b5cf6;
  --accent: #7c3aed;
  --accent-2: #c4b5fd;
  --accent-dark: #6d28d9;
  --accent-2-dark: #a78bfa;
  --hero-badge-bg: #ede9fe;
  --hero-badge-text: #4c1d95;
  --hero-highlight: #ddd6fe;
  --hero-subtitle: #f5f3ff;
  --link: #7c3aed;
  --link-hover: #6d28d9;
  --ring: #a78bfa;
  --progress-start: #8b5cf6;
  --progress-end: #c4b5fd;
  --surface-soft: #f5f3ff;
}

[data-site-theme="mint-frost"] {
  --brand-start: #6ee7b7;
  --brand-end: #34d399;
  --accent: #10b981;
  --accent-2: #a7f3d0;
  --accent-dark: #059669;
  --accent-2-dark: #34d399;
  --hero-badge-bg: #d1fae5;
  --hero-badge-text: #065f46;
  --hero-highlight: #a7f3d0;
  --hero-subtitle: #ecfdf5;
  --link: #10b981;
  --link-hover: #059669;
  --ring: #34d399;
  --progress-start: #34d399;
  --progress-end: #6ee7b7;
  --surface-soft: #ecfdf5;
}

[data-site-theme="peach-sorbet"] {
  --brand-start: #fdba74;
  --brand-end: #fb923c;
  --accent: #f97316;
  --accent-2: #fed7aa;
  --accent-dark: #ea580c;
  --accent-2-dark: #fb923c;
  --hero-badge-bg: #ffedd5;
  --hero-badge-text: #9a3412;
  --hero-highlight: #fed7aa;
  --hero-subtitle: #fff7ed;
  --link: #ea580c;
  --link-hover: #c2410c;
  --ring: #fb923c;
  --progress-start: #fb923c;
  --progress-end: #fdba74;
  --surface-soft: #fff7ed;
}

[data-site-theme="sky-cotton"] {
  --brand-start: #7dd3fc;
  --brand-end: #38bdf8;
  --accent: #0ea5e9;
  --accent-2: #bae6fd;
  --accent-dark: #0284c7;
  --accent-2-dark: #38bdf8;
  --hero-badge-bg: #e0f2fe;
  --hero-badge-text: #0c4a6e;
  --hero-highlight: #bae6fd;
  --hero-subtitle: #f0f9ff;
  --link: #0284c7;
  --link-hover: #0369a1;
  --ring: #38bdf8;
  --progress-start: #38bdf8;
  --progress-end: #7dd3fc;
  --surface-soft: #f0f9ff;
}

[data-site-theme="forest-pine"] {
  --brand-start: #166534;
  --brand-end: #14532d;
  --accent: #15803d;
  --accent-2: #854d0e;
  --accent-dark: #14532d;
  --accent-2-dark: #713f12;
  --hero-badge-bg: #bbf7d0;
  --hero-badge-text: #14532d;
  --hero-highlight: #86efac;
  --hero-subtitle: #d1fae5;
  --link: #15803d;
  --link-hover: #14532d;
  --ring: #22c55e;
  --progress-start: #15803d;
  --progress-end: #854d0e;
  --surface-soft: #ecfdf5;
}

[data-site-theme="desert-sand"] {
  --brand-start: #b45309;
  --brand-end: #78350f;
  --accent: #d97706;
  --accent-2: #fbbf24;
  --accent-dark: #92400e;
  --accent-2-dark: #d97706;
  --hero-badge-bg: #fef3c7;
  --hero-badge-text: #78350f;
  --hero-highlight: #fde68a;
  --hero-subtitle: #fef9c3;
  --link: #b45309;
  --link-hover: #92400e;
  --ring: #d97706;
  --progress-start: #b45309;
  --progress-end: #fbbf24;
  --surface-soft: #fffbeb;
}

[data-site-theme="autumn-maple"] {
  --brand-start: #ea580c;
  --brand-end: #9a3412;
  --accent: #c2410c;
  --accent-2: #ca8a04;
  --accent-dark: #9a3412;
  --accent-2-dark: #a16207;
  --hero-badge-bg: #fed7aa;
  --hero-badge-text: #7c2d12;
  --hero-highlight: #fdba74;
  --hero-subtitle: #ffedd5;
  --link: #c2410c;
  --link-hover: #9a3412;
  --ring: #ea580c;
  --progress-start: #ea580c;
  --progress-end: #ca8a04;
  --surface-soft: #fff7ed;
}

[data-site-theme="moss-stone"] {
  --brand-start: #4d7c0f;
  --brand-end: #365314;
  --accent: #65a30d;
  --accent-2: #78716c;
  --accent-dark: #3f6212;
  --accent-2-dark: #57534e;
  --hero-badge-bg: #ecfccb;
  --hero-badge-text: #365314;
  --hero-highlight: #d9f99d;
  --hero-subtitle: #f7fee7;
  --link: #4d7c0f;
  --link-hover: #365314;
  --ring: #65a30d;
  --progress-start: #65a30d;
  --progress-end: #78716c;
  --surface-soft: #f7fee7;
}

[data-site-theme="cedar-bark"] {
  --brand-start: #92400e;
  --brand-end: #451a03;
  --accent: #b45309;
  --accent-2: #a16207;
  --accent-dark: #78350f;
  --accent-2-dark: #854d0e;
  --hero-badge-bg: #fef3c7;
  --hero-badge-text: #451a03;
  --hero-highlight: #fde68a;
  --hero-subtitle: #fef9c3;
  --link: #b45309;
  --link-hover: #92400e;
  --ring: #d97706;
  --progress-start: #b45309;
  --progress-end: #a16207;
  --surface-soft: #fffbeb;
}

[data-site-theme="electric-lime"] {
  --brand-start: #14532d;
  --brand-end: #052e16;
  --accent: #65a30d;
  --accent-2: #84cc16;
  --accent-dark: #4d7c0f;
  --accent-2-dark: #65a30d;
  --hero-badge-bg: #84cc16;
  --hero-badge-text: #14532d;
  --hero-highlight: #a3e635;
  --hero-subtitle: #d9f99d;
  --link: #65a30d;
  --link-hover: #4d7c0f;
  --ring: #84cc16;
  --progress-start: #65a30d;
  --progress-end: #84cc16;
  --surface-soft: #f7fee7;
}

[data-site-theme="hot-magenta"] {
  --brand-start: #a21caf;
  --brand-end: #701a75;
  --accent: #c026d3;
  --accent-2: #e879f9;
  --accent-dark: #86198f;
  --accent-2-dark: #d946ef;
  --hero-badge-bg: #fae8ff;
  --hero-badge-text: #701a75;
  --hero-highlight: #f0abfc;
  --hero-subtitle: #fdf4ff;
  --link: #c026d3;
  --link-hover: #a21caf;
  --ring: #e879f9;
  --progress-start: #c026d3;
  --progress-end: #e879f9;
  --surface-soft: #fdf4ff;
}

[data-site-theme="turbo-orange"] {
  --brand-start: #ea580c;
  --brand-end: #dc2626;
  --accent: #f97316;
  --accent-2: #ef4444;
  --accent-dark: #c2410c;
  --accent-2-dark: #b91c1c;
  --hero-badge-bg: #fed7aa;
  --hero-badge-text: #7f1d1d;
  --hero-highlight: #fdba74;
  --hero-subtitle: #ffedd5;
  --link: #ea580c;
  --link-hover: #c2410c;
  --ring: #f97316;
  --progress-start: #ea580c;
  --progress-end: #ef4444;
  --surface-soft: #fff7ed;
}

[data-site-theme="cobalt-burst"] {
  --brand-start: #1d4ed8;
  --brand-end: #1e3a8a;
  --accent: #2563eb;
  --accent-2: #06b6d4;
  --accent-dark: #1e40af;
  --accent-2-dark: #0891b2;
  --hero-badge-bg: #bae6fd;
  --hero-badge-text: #1e3a8a;
  --hero-highlight: #7dd3fc;
  --hero-subtitle: #dbeafe;
  --link: #2563eb;
  --link-hover: #1d4ed8;
  --ring: #06b6d4;
  --progress-start: #2563eb;
  --progress-end: #06b6d4;
  --surface-soft: #eff6ff;
}

[data-site-theme="scarlet-flame"] {
  --brand-start: #dc2626;
  --brand-end: #7f1d1d;
  --accent: #ef4444;
  --accent-2: #b91c1c;
  --accent-dark: #b91c1c;
  --accent-2-dark: #991b1b;
  --hero-badge-bg: #fecaca;
  --hero-badge-text: #7f1d1d;
  --hero-highlight: #fca5a5;
  --hero-subtitle: #fee2e2;
  --link: #dc2626;
  --link-hover: #b91c1c;
  --ring: #ef4444;
  --progress-start: #dc2626;
  --progress-end: #ef4444;
  --surface-soft: #fef2f2;
}

[data-site-theme="graphite-minimal"] {
  --brand-start: #525252;
  --brand-end: #262626;
  --accent: #404040;
  --accent-2: #737373;
  --accent-dark: #262626;
  --accent-2-dark: #525252;
  --hero-badge-bg: #e5e5e5;
  --hero-badge-text: #171717;
  --hero-highlight: #d4d4d4;
  --hero-subtitle: #f5f5f5;
  --link: #404040;
  --link-hover: #262626;
  --ring: #737373;
  --progress-start: #525252;
  --progress-end: #737373;
  --surface-soft: #fafafa;
}

[data-site-theme="ink-monochrome"] {
  --brand-start: #171717;
  --brand-end: #0a0a0a;
  --accent: #262626;
  --accent-2: #525252;
  --accent-dark: #0a0a0a;
  --accent-2-dark: #404040;
  --hero-badge-bg: #fafafa;
  --hero-badge-text: #171717;
  --hero-highlight: #e5e5e5;
  --hero-subtitle: #d4d4d4;
  --link: #262626;
  --link-hover: #0a0a0a;
  --ring: #525252;
  --progress-start: #404040;
  --progress-end: #737373;
  --surface-soft: #fafafa;
}

[data-site-theme="fog-minimal"] {
  --brand-start: #94a3b8;
  --brand-end: #64748b;
  --accent: #64748b;
  --accent-2: #94a3b8;
  --accent-dark: #475569;
  --accent-2-dark: #64748b;
  --hero-badge-bg: #f1f5f9;
  --hero-badge-text: #334155;
  --hero-highlight: #e2e8f0;
  --hero-subtitle: #f8fafc;
  --link: #475569;
  --link-hover: #334155;
  --ring: #64748b;
  --progress-start: #64748b;
  --progress-end: #94a3b8;
  --surface-soft: #f8fafc;
}

[data-site-theme="charcoal-clean"] {
  --brand-start: #374151;
  --brand-end: #111827;
  --accent: #4b5563;
  --accent-2: #6b7280;
  --accent-dark: #1f2937;
  --accent-2-dark: #4b5563;
  --hero-badge-bg: #e5e7eb;
  --hero-badge-text: #111827;
  --hero-highlight: #d1d5db;
  --hero-subtitle: #f3f4f6;
  --link: #374151;
  --link-hover: #1f2937;
  --ring: #6b7280;
  --progress-start: #4b5563;
  --progress-end: #6b7280;
  --surface-soft: #f9fafb;
}

[data-site-theme="paper-white"] {
  --brand-start: #64748b;
  --brand-end: #475569;
  --accent: #3b82f6;
  --accent-2: #93c5fd;
  --accent-dark: #2563eb;
  --accent-2-dark: #60a5fa;
  --hero-badge-bg: #dbeafe;
  --hero-badge-text: #1e40af;
  --hero-highlight: #bfdbfe;
  --hero-subtitle: #e2e8f0;
  --link: #2563eb;
  --link-hover: #1d4ed8;
  --ring: #3b82f6;
  --progress-start: #3b82f6;
  --progress-end: #93c5fd;
  --surface-soft: #f8fafc;
}

[data-site-theme="ivory-academy"] {
  --brand-start: #1e3a8a;
  --brand-end: #172554;
  --accent: #1d4ed8;
  --accent-2: #fef3c7;
  --accent-dark: #1e40af;
  --accent-2-dark: #fde68a;
  --hero-badge-bg: #fef9c3;
  --hero-badge-text: #1e3a8a;
  --hero-highlight: #fde68a;
  --hero-subtitle: #dbeafe;
  --link: #1d4ed8;
  --link-hover: #1e40af;
  --ring: #2563eb;
  --progress-start: #1d4ed8;
  --progress-end: #fde68a;
  --surface-soft: #eff6ff;
}

[data-site-theme="scholar-blue"] {
  --brand-start: #1e40af;
  --brand-end: #1e3a8a;
  --accent: #2563eb;
  --accent-2: #ca8a04;
  --accent-dark: #1d4ed8;
  --accent-2-dark: #a16207;
  --hero-badge-bg: #fde68a;
  --hero-badge-text: #1e3a8a;
  --hero-highlight: #fbbf24;
  --hero-subtitle: #bfdbfe;
  --link: #2563eb;
  --link-hover: #1d4ed8;
  --ring: #ca8a04;
  --progress-start: #2563eb;
  --progress-end: #ca8a04;
  --surface-soft: #eff6ff;
}

[data-site-theme="library-burgundy"] {
  --brand-start: #7f1d1d;
  --brand-end: #450a0a;
  --accent: #991b1b;
  --accent-2: #ca8a04;
  --accent-dark: #7f1d1d;
  --accent-2-dark: #a16207;
  --hero-badge-bg: #fde68a;
  --hero-badge-text: #450a0a;
  --hero-highlight: #fbbf24;
  --hero-subtitle: #fecaca;
  --link: #991b1b;
  --link-hover: #7f1d1d;
  --ring: #ca8a04;
  --progress-start: #991b1b;
  --progress-end: #ca8a04;
  --surface-soft: #fef2f2;
}

[data-site-theme="campus-green"] {
  --brand-start: #15803d;
  --brand-end: #14532d;
  --accent: #16a34a;
  --accent-2: #fef9c3;
  --accent-dark: #14532d;
  --accent-2-dark: #fde68a;
  --hero-badge-bg: #fef9c3;
  --hero-badge-text: #14532d;
  --hero-highlight: #bbf7d0;
  --hero-subtitle: #d1fae5;
  --link: #15803d;
  --link-hover: #14532d;
  --ring: #22c55e;
  --progress-start: #15803d;
  --progress-end: #22c55e;
  --surface-soft: #ecfdf5;
}

[data-site-theme="lecture-hall"] {
  --brand-start: #334155;
  --brand-end: #1e293b;
  --accent: #475569;
  --accent-2: #64748b;
  --accent-dark: #1e293b;
  --accent-2-dark: #475569;
  --hero-badge-bg: #e2e8f0;
  --hero-badge-text: #0f172a;
  --hero-highlight: #cbd5e1;
  --hero-subtitle: #f1f5f9;
  --link: #475569;
  --link-hover: #334155;
  --ring: #64748b;
  --progress-start: #475569;
  --progress-end: #64748b;
  --surface-soft: #f8fafc;
}

[data-site-theme="spring-bloom"] {
  --brand-start: #22c55e;
  --brand-end: #ec4899;
  --accent: #16a34a;
  --accent-2: #f472b6;
  --accent-dark: #15803d;
  --accent-2-dark: #db2777;
  --hero-badge-bg: #fce7f3;
  --hero-badge-text: #14532d;
  --hero-highlight: #bbf7d0;
  --hero-subtitle: #fdf2f8;
  --link: #16a34a;
  --link-hover: #15803d;
  --ring: #f472b6;
  --progress-start: #22c55e;
  --progress-end: #f472b6;
  --surface-soft: #ecfdf5;
}

[data-site-theme="summer-sun"] {
  --brand-start: #eab308;
  --brand-end: #0ea5e9;
  --accent: #ca8a04;
  --accent-2: #0284c7;
  --accent-dark: #a16207;
  --accent-2-dark: #0369a1;
  --hero-badge-bg: #fef08a;
  --hero-badge-text: #713f12;
  --hero-highlight: #fde047;
  --hero-subtitle: #bae6fd;
  --link: #0284c7;
  --link-hover: #0369a1;
  --ring: #eab308;
  --progress-start: #eab308;
  --progress-end: #0ea5e9;
  --surface-soft: #fefce8;
}

[data-site-theme="winter-frost"] {
  --brand-start: #0284c7;
  --brand-end: #1e293b;
  --accent: #0ea5e9;
  --accent-2: #94a3b8;
  --accent-dark: #0369a1;
  --accent-2-dark: #64748b;
  --hero-badge-bg: #e0f2fe;
  --hero-badge-text: #0c4a6e;
  --hero-highlight: #bae6fd;
  --hero-subtitle: #f1f5f9;
  --link: #0284c7;
  --link-hover: #0369a1;
  --ring: #0ea5e9;
  --progress-start: #0284c7;
  --progress-end: #94a3b8;
  --surface-soft: #f0f9ff;
}

[data-site-theme="autumn-harvest"] {
  --brand-start: #d97706;
  --brand-end: #581c87;
  --accent: #b45309;
  --accent-2: #7c3aed;
  --accent-dark: #92400e;
  --accent-2-dark: #6d28d9;
  --hero-badge-bg: #fde68a;
  --hero-badge-text: #581c87;
  --hero-highlight: #fbbf24;
  --hero-subtitle: #fef3c7;
  --link: #b45309;
  --link-hover: #92400e;
  --ring: #7c3aed;
  --progress-start: #d97706;
  --progress-end: #7c3aed;
  --surface-soft: #fffbeb;
}

[data-site-theme="zen-bamboo"] {
  --brand-start: #4d7c0f;
  --brand-end: #365314;
  --accent: #65a30d;
  --accent-2: #a8a29e;
  --accent-dark: #3f6212;
  --accent-2-dark: #78716c;
  --hero-badge-bg: #ecfccb;
  --hero-badge-text: #365314;
  --hero-highlight: #d9f99d;
  --hero-subtitle: #e7e5e4;
  --link: #4d7c0f;
  --link-hover: #365314;
  --ring: #65a30d;
  --progress-start: #65a30d;
  --progress-end: #a8a29e;
  --surface-soft: #fafaf9;
}

[data-site-theme="mediterranean-sea"] {
  --brand-start: #0369a1;
  --brand-end: #0c4a6e;
  --accent: #0284c7;
  --accent-2: #e2e8f0;
  --accent-dark: #075985;
  --accent-2-dark: #cbd5e1;
  --hero-badge-bg: #e0f2fe;
  --hero-badge-text: #0c4a6e;
  --hero-highlight: #bae6fd;
  --hero-subtitle: #f0f9ff;
  --link: #0284c7;
  --link-hover: #0369a1;
  --ring: #0ea5e9;
  --progress-start: #0284c7;
  --progress-end: #7dd3fc;
  --surface-soft: #f0f9ff;
}

[data-site-theme="nordic-fjord"] {
  --brand-start: #334155;
  --brand-end: #1e293b;
  --accent: #475569;
  --accent-2: #94a3b8;
  --accent-dark: #1e293b;
  --accent-2-dark: #64748b;
  --hero-badge-bg: #e2e8f0;
  --hero-badge-text: #0f172a;
  --hero-highlight: #cbd5e1;
  --hero-subtitle: #f1f5f9;
  --link: #475569;
  --link-hover: #334155;
  --ring: #64748b;
  --progress-start: #475569;
  --progress-end: #94a3b8;
  --surface-soft: #f8fafc;
}

[data-site-theme="saharan-gold"] {
  --brand-start: #d97706;
  --brand-end: #92400e;
  --accent: #fbbf24;
  --accent-2: #b45309;
  --accent-dark: #b45309;
  --accent-2-dark: #78350f;
  --hero-badge-bg: #fef3c7;
  --hero-badge-text: #78350f;
  --hero-highlight: #fde68a;
  --hero-subtitle: #fef9c3;
  --link: #b45309;
  --link-hover: #92400e;
  --ring: #fbbf24;
  --progress-start: #d97706;
  --progress-end: #fbbf24;
  --surface-soft: #fffbeb;
}

[data-site-theme="obsidian-glow"] {
  --brand-start: #171717;
  --brand-end: #0a0a0a;
  --accent: #7c3aed;
  --accent-2: #a78bfa;
  --accent-dark: #6d28d9;
  --accent-2-dark: #8b5cf6;
  --hero-badge-bg: #ddd6fe;
  --hero-badge-text: #3b0764;
  --hero-highlight: #c4b5fd;
  --hero-subtitle: #d4d4d4;
  --link: #a78bfa;
  --link-hover: #8b5cf6;
  --ring: #a78bfa;
  --progress-start: #7c3aed;
  --progress-end: #a78bfa;
  --surface-soft: #faf5ff;
}

[data-site-theme="midnight-emerald"] {
  --brand-start: #064e3b;
  --brand-end: #022c22;
  --accent: #059669;
  --accent-2: #34d399;
  --accent-dark: #047857;
  --accent-2-dark: #10b981;
  --hero-badge-bg: #6ee7b7;
  --hero-badge-text: #064e3b;
  --hero-highlight: #a7f3d0;
  --hero-subtitle: #d1fae5;
  --link: #34d399;
  --link-hover: #10b981;
  --ring: #34d399;
  --progress-start: #059669;
  --progress-end: #34d399;
  --surface-soft: #ecfdf5;
}

[data-site-theme="dark-plasma"] {
  --brand-start: #1e1b4b;
  --brand-end: #0f0a1a;
  --accent: #6366f1;
  --accent-2: #ec4899;
  --accent-dark: #4f46e5;
  --accent-2-dark: #db2777;
  --hero-badge-bg: #f0abfc;
  --hero-badge-text: #1e1b4b;
  --hero-highlight: #c4b5fd;
  --hero-subtitle: #c7d2fe;
  --link: #818cf8;
  --link-hover: #6366f1;
  --ring: #ec4899;
  --progress-start: #6366f1;
  --progress-end: #ec4899;
  --surface-soft: #eef2ff;
}

[data-site-theme="void-crimson"] {
  --brand-start: #171717;
  --brand-end: #0a0a0a;
  --accent: #dc2626;
  --accent-2: #ef4444;
  --accent-dark: #b91c1c;
  --accent-2-dark: #dc2626;
  --hero-badge-bg: #fecaca;
  --hero-badge-text: #450a0a;
  --hero-highlight: #fca5a5;
  --hero-subtitle: #d4d4d4;
  --link: #ef4444;
  --link-hover: #dc2626;
  --ring: #ef4444;
  --progress-start: #b91c1c;
  --progress-end: #ef4444;
  --surface-soft: #fef2f2;
}

[data-site-theme] .hero-gradient,
[data-site-theme] .gradient-bg {
  background: linear-gradient(135deg, var(--brand-start), var(--brand-end)) !important;
}

[data-site-theme] .gradient-text {
  background: linear-gradient(135deg, var(--brand-start), var(--brand-end)) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

[data-site-theme] .bg-gradient-to-r.from-blue-600.to-purple-600,
[data-site-theme] .bg-gradient-to-r.from-blue-600.to-indigo-600,
[data-site-theme] .theme-btn-gradient {
  background-image: linear-gradient(to right, var(--accent), var(--accent-2)) !important;
}

[data-site-theme] .hover\:from-blue-700.hover\:to-purple-700:hover,
[data-site-theme] .hover\:from-blue-700.hover\:to-indigo-700:hover {
  background-image: linear-gradient(to right, var(--accent-dark), var(--accent-2-dark)) !important;
}

[data-site-theme] .bg-blue-600 { background-color: var(--accent) !important; }
[data-site-theme] .hover\:bg-blue-700:hover { background-color: var(--accent-dark) !important; }
[data-site-theme] .text-blue-600 { color: var(--link) !important; }
[data-site-theme] .hover\:text-blue-600:hover,
[data-site-theme] .hover\:text-blue-800:hover { color: var(--link-hover) !important; }
[data-site-theme] .text-blue-600.stats-counter,
[data-site-theme] .text-4xl.font-bold.text-blue-600 { color: var(--link) !important; }
[data-site-theme] .border-blue-600 { border-color: var(--link) !important; }
[data-site-theme] .focus\:ring-blue-500:focus { --tw-ring-color: var(--ring) !important; }
[data-site-theme] .ring-blue-500 { --tw-ring-color: var(--ring) !important; }
[data-site-theme] .bg-blue-50 { background-color: var(--surface-soft) !important; }
[data-site-theme] .bg-blue-100 { background-color: color-mix(in srgb, var(--surface-soft) 80%, var(--accent) 20%) !important; }
[data-site-theme] .text-blue-100 { color: color-mix(in srgb, var(--hero-subtitle) 85%, white 15%) !important; }
[data-site-theme] .from-blue-50 { --tw-gradient-from: var(--surface-soft) var(--tw-gradient-from-position) !important; }
[data-site-theme] .to-purple-50 { --tw-gradient-to: color-mix(in srgb, var(--surface-soft) 70%, var(--accent-2) 30%) var(--tw-gradient-to-position) !important; }
[data-site-theme] .from-blue-600 { --tw-gradient-from: var(--accent) var(--tw-gradient-from-position) !important; }
[data-site-theme] .to-purple-600 { --tw-gradient-to: var(--accent-2) var(--tw-gradient-to-position) !important; }
[data-site-theme] .to-indigo-600 { --tw-gradient-to: var(--accent-2) var(--tw-gradient-to-position) !important; }

[data-site-theme] .hero-gradient .bg-yellow-400,
[data-site-theme] .hero-gradient .inline-block.bg-yellow-400 {
  background-color: var(--hero-badge-bg) !important;
  color: var(--hero-badge-text) !important;
}

[data-site-theme] .hero-gradient .text-yellow-300 { color: var(--hero-highlight) !important; }
[data-site-theme] .hero-gradient .text-blue-200 { color: var(--hero-subtitle) !important; }
[data-site-theme] .hero-gradient .hover\:text-blue-600:hover { color: var(--link-hover) !important; }

[data-site-theme] .progress-bar {
  background: linear-gradient(90deg, var(--progress-start), var(--progress-end)) !important;
}

[data-site-theme] .grade-badge {
  background-color: color-mix(in srgb, var(--surface-soft) 65%, var(--accent) 35%) !important;
  color: var(--accent-dark) !important;
}

[data-site-theme] .sidebar-item.active {
  border-left-color: #fff !important;
}

[data-site-theme] .text-purple-600 { color: var(--accent-2) !important; }
[data-site-theme] .bg-purple-100 { background-color: color-mix(in srgb, var(--surface-soft) 60%, var(--accent-2) 40%) !important; }
[data-site-theme] .text-purple-700 { color: var(--accent-2-dark) !important; }
[data-site-theme] .from-purple-600 { --tw-gradient-from: var(--accent-2) var(--tw-gradient-from-position) !important; }
[data-site-theme] .to-blue-600 { --tw-gradient-to: var(--accent) var(--tw-gradient-to-position) !important; }

/* —— Design: Glass Enterprise (Silicon Valley AI SaaS) —— */
[data-site-design="glass-enterprise"] {
  --hilms-radius-card: 1.25rem;
  --hilms-radius-btn: 9999px;
  --hilms-shadow-card: 0 8px 32px -8px color-mix(in srgb, var(--brand-end) 28%, transparent);
  --hilms-shadow-hover: 0 24px 48px -16px color-mix(in srgb, var(--accent) 40%, transparent);
  --hilms-text-on-light: #0f172a;
  --hilms-text-muted-on-light: #475569;
}

[data-site-design="glass-enterprise"] body {
  font-family: 'Inter', system-ui, -apple-system, sans-serif;
  background: #f8fafc;
  color: var(--hilms-text-on-light);
  -webkit-font-smoothing: antialiased;
}

[data-site-design="glass-enterprise"] h1,
[data-site-design="glass-enterprise"] h2,
[data-site-design="glass-enterprise"] h3 {
  letter-spacing: -0.025em;
}

[data-site-design="glass-enterprise"] .hero-gradient {
  background:
    radial-gradient(ellipse 90% 70% at 15% 10%, color-mix(in srgb, var(--accent) 32%, transparent), transparent 55%),
    radial-gradient(ellipse 75% 55% at 85% 75%, color-mix(in srgb, var(--accent-2) 26%, transparent), transparent 50%),
    radial-gradient(circle at 50% 120%, color-mix(in srgb, var(--accent) 18%, transparent), transparent 45%),
    linear-gradient(155deg, var(--brand-start) 0%, var(--brand-end) 52%, #020617 100%) !important;
  color: #fff;
}

[data-site-design="glass-enterprise"] .gradient-bg {
  background: linear-gradient(165deg, var(--brand-start), var(--brand-end)) !important;
  border-right: 1px solid color-mix(in srgb, var(--accent) 18%, transparent);
  box-shadow: inset -1px 0 0 color-mix(in srgb, white 6%, transparent);
  color: #fff;
}

[data-site-design="glass-enterprise"] .card-hover:not(.students-card):not(.instructors-card):not(.courses-card):not(.stat-card):not(.earnings-card):not(.platform-card):not(.hilms-metric-card):not(.analytics-metric-card),
[data-site-design="glass-enterprise"] .bg-white.rounded-xl:not(.students-card):not(.instructors-card):not(.courses-card):not(.stat-card):not(.earnings-card):not(.platform-card):not(.hilms-metric-card):not(.analytics-metric-card),
[data-site-design="glass-enterprise"] .bg-white.rounded-2xl:not(.students-card):not(.instructors-card):not(.courses-card):not(.stat-card):not(.earnings-card):not(.platform-card):not(.hilms-metric-card):not(.analytics-metric-card),
[data-site-design="glass-enterprise"] .bg-white.border.rounded-xl:not(.students-card):not(.instructors-card):not(.courses-card):not(.stat-card):not(.earnings-card):not(.platform-card):not(.hilms-metric-card):not(.analytics-metric-card) {
  background: color-mix(in srgb, white 88%, var(--surface-soft) 12%) !important;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border: 1px solid color-mix(in srgb, var(--accent) 14%, #e2e8f0) !important;
  border-radius: var(--hilms-radius-card) !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04), var(--hilms-shadow-card) !important;
  transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
  color: var(--hilms-text-on-light);
}

[data-site-design="glass-enterprise"] .card-hover:not(.students-card):not(.instructors-card):not(.courses-card):not(.stat-card):not(.earnings-card):not(.platform-card):not(.hilms-metric-card):not(.analytics-metric-card):hover {
  transform: translateY(-6px) !important;
  box-shadow: 0 4px 8px rgba(15, 23, 42, 0.04), var(--hilms-shadow-hover) !important;
}

[data-site-design="glass-enterprise"] .bg-white.rounded-xl .text-gray-900,
[data-site-design="glass-enterprise"] .bg-white.rounded-2xl .text-gray-900,
[data-site-design="glass-enterprise"] .bg-white.border.rounded-xl .text-gray-900,
[data-site-design="glass-enterprise"] main .text-gray-800,
[data-site-design="glass-enterprise"] main .text-gray-900 {
  color: var(--hilms-text-on-light) !important;
}

[data-site-design="glass-enterprise"] .bg-white.rounded-xl .text-gray-500,
[data-site-design="glass-enterprise"] .bg-white.rounded-xl .text-gray-600,
[data-site-design="glass-enterprise"] main .text-gray-600,
[data-site-design="glass-enterprise"] main .text-gray-500 {
  color: var(--hilms-text-muted-on-light) !important;
}

[data-site-design="glass-enterprise"] .glass-effect {
  backdrop-filter: blur(16px);
  background: color-mix(in srgb, white 12%, transparent) !important;
  border: 1px solid color-mix(in srgb, white 22%, transparent) !important;
}

[data-site-design="glass-enterprise"] .hero-gradient .stats-counter,
[data-site-design="glass-enterprise"] #home .stats-counter {
  background: linear-gradient(135deg, var(--accent), var(--accent-2)) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
}

[data-site-design="glass-enterprise"] .theme-btn-gradient,
[data-site-design="glass-enterprise"] .join-btn,
[data-site-design="glass-enterprise"] .bg-gradient-to-r.from-blue-600.to-purple-600 {
  border-radius: var(--hilms-radius-btn) !important;
  box-shadow: 0 8px 24px -6px color-mix(in srgb, var(--accent) 55%, transparent);
}

[data-site-design="glass-enterprise"] .progress-bar {
  box-shadow: 0 0 12px color-mix(in srgb, var(--accent) 35%, transparent);
}

[data-site-design="glass-enterprise"] .sidebar-item {
  border-radius: 0.75rem;
  margin: 0 0.5rem;
  color: #fff;
}

[data-site-design="glass-enterprise"] .sidebar-item.active {
  background: color-mix(in srgb, white 12%, transparent) !important;
  border-left: 3px solid var(--hero-highlight) !important;
  box-shadow: inset 0 1px 0 color-mix(in srgb, white 8%, transparent);
  color: #fff !important;
}

[data-site-design="glass-enterprise"] .hero-gradient .inline-block.bg-yellow-400,
[data-site-design="glass-enterprise"] .hero-gradient .bg-yellow-400 {
  box-shadow: 0 0 20px color-mix(in srgb, var(--hero-badge-bg) 45%, transparent);
  border-radius: 9999px;
}

[data-site-design="glass-enterprise"] header.bg-white,
[data-site-design="glass-enterprise"] .bg-white.shadow-sm.border-b {
  backdrop-filter: blur(12px);
  background: color-mix(in srgb, white 92%, var(--surface-soft) 8%) !important;
  color: var(--hilms-text-on-light);
}

/* —— Design: Neo Brutalist —— */
[data-site-design="neo-brutalist"] {
  --hilms-radius-card: 0;
  --hilms-radius-btn: 0;
  --hilms-border: 3px solid #0a0a0a;
  --hilms-shadow: 6px 6px 0 0 #0a0a0a;
  --hilms-shadow-hover: 10px 10px 0 0 #0a0a0a;
  --hilms-text-on-light: #0a0a0a;
}

[data-site-design="neo-brutalist"] body {
  font-family: 'Space Grotesk', system-ui, sans-serif;
  background: #fafafa;
  color: var(--hilms-text-on-light);
}

[data-site-design="neo-brutalist"] h1,
[data-site-design="neo-brutalist"] h2,
[data-site-design="neo-brutalist"] h3 {
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: -0.02em;
}

[data-site-design="neo-brutalist"] .hero-gradient {
  background: var(--brand-start) !important;
  border-bottom: var(--hilms-border);
  position: relative;
  overflow: hidden;
}

[data-site-design="neo-brutalist"] .hero-gradient::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    repeating-linear-gradient(90deg, color-mix(in srgb, var(--accent) 8%, transparent) 0 1px, transparent 1px 48px),
    repeating-linear-gradient(0deg, color-mix(in srgb, var(--accent) 8%, transparent) 0 1px, transparent 1px 48px);
  pointer-events: none;
  opacity: 0.5;
}

[data-site-design="neo-brutalist"] .gradient-bg {
  background: var(--brand-start) !important;
  border-right: var(--hilms-border);
  color: #fff;
}

[data-site-design="neo-brutalist"] .gradient-text {
  -webkit-text-fill-color: currentColor !important;
  color: var(--accent) !important;
  background: none !important;
}

[data-site-design="neo-brutalist"] .card-hover:not(.students-card):not(.instructors-card):not(.courses-card):not(.stat-card):not(.earnings-card):not(.platform-card):not(.hilms-metric-card):not(.analytics-metric-card),
[data-site-design="neo-brutalist"] .bg-white.rounded-xl:not(.students-card):not(.instructors-card):not(.courses-card):not(.stat-card):not(.earnings-card):not(.platform-card):not(.hilms-metric-card):not(.analytics-metric-card),
[data-site-design="neo-brutalist"] .bg-white.rounded-2xl:not(.students-card):not(.instructors-card):not(.courses-card):not(.stat-card):not(.earnings-card):not(.platform-card):not(.hilms-metric-card):not(.analytics-metric-card),
[data-site-design="neo-brutalist"] .bg-white.border.rounded-xl:not(.students-card):not(.instructors-card):not(.courses-card):not(.stat-card):not(.earnings-card):not(.platform-card):not(.hilms-metric-card):not(.analytics-metric-card) {
  border-radius: 0 !important;
  border: var(--hilms-border) !important;
  box-shadow: var(--hilms-shadow) !important;
  background: #fff !important;
  color: var(--hilms-text-on-light) !important;
  transition: transform 0.15s ease, box-shadow 0.15s ease !important;
}

[data-site-design="neo-brutalist"] .card-hover:not(.students-card):not(.instructors-card):not(.courses-card):not(.stat-card):not(.earnings-card):not(.platform-card):not(.hilms-metric-card):not(.analytics-metric-card):hover {
  transform: translate(-3px, -3px) !important;
  box-shadow: var(--hilms-shadow-hover) !important;
}

[data-site-design="neo-brutalist"] .theme-btn-gradient,
[data-site-design="neo-brutalist"] .join-btn,
[data-site-design="neo-brutalist"] .bg-gradient-to-r.from-blue-600.to-purple-600 {
  border-radius: 0 !important;
  border: var(--hilms-border) !important;
  box-shadow: 4px 4px 0 0 #0a0a0a !important;
  font-weight: 700 !important;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #fff !important;
}

[data-site-design="neo-brutalist"] .theme-btn-gradient:hover,
[data-site-design="neo-brutalist"] .join-btn:hover {
  transform: translate(-2px, -2px);
  box-shadow: 6px 6px 0 0 #0a0a0a !important;
}

[data-site-design="neo-brutalist"] .sidebar-item {
  border-radius: 0;
  border: 2px solid transparent;
  color: #fff;
}

[data-site-design="neo-brutalist"] .sidebar-item.active {
  background: var(--accent) !important;
  color: #fff !important;
  border: 2px solid #0a0a0a !important;
  box-shadow: 3px 3px 0 0 #0a0a0a;
}

[data-site-design="neo-brutalist"] .hero-gradient .inline-block.bg-yellow-400,
[data-site-design="neo-brutalist"] .hero-gradient .bg-yellow-400 {
  border-radius: 0 !important;
  border: 2px solid #0a0a0a;
  box-shadow: 3px 3px 0 0 #0a0a0a;
  font-weight: 700;
  text-transform: uppercase;
}

[data-site-design="neo-brutalist"] .glass-effect {
  backdrop-filter: none !important;
  background: color-mix(in srgb, var(--accent) 25%, transparent) !important;
  border: 2px solid #0a0a0a !important;
  border-radius: 0 !important;
}

[data-site-design="neo-brutalist"] .progress-bar {
  border-radius: 0 !important;
  border: 2px solid #0a0a0a;
}

/* —— Design: Editorial Luxe —— */
[data-site-design="editorial-luxe"] {
  --hilms-radius-card: 0.375rem;
  --hilms-serif: 'Playfair Display', Georgia, 'Times New Roman', serif;
  --hilms-sans: 'Source Sans 3', system-ui, sans-serif;
}

[data-site-design="editorial-luxe"] body {
  font-family: var(--hilms-sans);
  background: #faf9f7;
  color: #1c1917;
}

[data-site-design="editorial-luxe"] h1,
[data-site-design="editorial-luxe"] h2,
[data-site-design="editorial-luxe"] h3,
[data-site-design="editorial-luxe"] .text-2xl.font-bold,
[data-site-design="editorial-luxe"] .text-xl.font-semibold {
  font-family: var(--hilms-serif) !important;
  font-weight: 700;
  letter-spacing: -0.02em;
}

[data-site-design="editorial-luxe"] .hero-gradient {
  background: linear-gradient(180deg, var(--brand-start) 0%, var(--brand-end) 100%) !important;
}

[data-site-design="editorial-luxe"] .hero-gradient h1 {
  font-size: clamp(2.5rem, 5vw, 3.75rem);
  line-height: 1.08;
}

[data-site-design="editorial-luxe"] .gradient-bg {
  background: var(--brand-end) !important;
  border-right: 1px solid color-mix(in srgb, white 12%, transparent);
}

[data-site-design="editorial-luxe"] .gradient-text {
  font-family: var(--hilms-serif) !important;
}

[data-site-design="editorial-luxe"] .card-hover:not(.students-card):not(.instructors-card):not(.courses-card):not(.stat-card):not(.earnings-card):not(.platform-card):not(.hilms-metric-card),
[data-site-design="editorial-luxe"] .bg-white.rounded-xl:not(.students-card):not(.instructors-card):not(.courses-card):not(.stat-card):not(.earnings-card):not(.platform-card):not(.hilms-metric-card),
[data-site-design="editorial-luxe"] .bg-white.rounded-2xl:not(.students-card):not(.instructors-card):not(.courses-card):not(.stat-card):not(.earnings-card):not(.platform-card):not(.hilms-metric-card) {
  border-radius: var(--hilms-radius-card) !important;
  border: 1px solid #e7e5e4 !important;
  box-shadow: none !important;
  background: #fff !important;
  color: #1c1917 !important;
  transition: border-color 0.3s ease, transform 0.4s ease !important;
}

[data-site-design="editorial-luxe"] .card-hover:not(.students-card):not(.instructors-card):not(.courses-card):not(.stat-card):not(.earnings-card):not(.platform-card):not(.hilms-metric-card):hover {
  transform: none !important;
  border-color: var(--accent) !important;
  box-shadow: 0 12px 40px -20px color-mix(in srgb, var(--brand-end) 35%, transparent) !important;
}

[data-site-design="editorial-luxe"] section {
  border-top: 1px solid #e7e5e4;
}

[data-site-design="editorial-luxe"] .theme-btn-gradient,
[data-site-design="editorial-luxe"] .join-btn {
  border-radius: 0.25rem !important;
  font-family: var(--hilms-sans);
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  font-size: 0.8125rem;
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
}

[data-site-design="editorial-luxe"] .sidebar-item.active {
  background: transparent !important;
  border-left: 2px solid var(--hero-highlight) !important;
  font-family: var(--hilms-serif);
}

[data-site-design="editorial-luxe"] .hero-gradient .stats-counter,
[data-site-design="editorial-luxe"] #home .stats-counter {
  font-family: var(--hilms-serif) !important;
  font-size: 2.75rem !important;
  color: var(--link) !important;
  -webkit-text-fill-color: currentColor !important;
}

[data-site-design="editorial-luxe"] .hero-gradient .inline-block.bg-yellow-400,
[data-site-design="editorial-luxe"] .hero-gradient .bg-yellow-400 {
  border-radius: 0.25rem !important;
  font-family: var(--hilms-sans);
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-size: 0.6875rem;
}

[data-site-design="editorial-luxe"] .glass-effect {
  background: color-mix(in srgb, white 8%, transparent) !important;
  border: 1px solid color-mix(in srgb, white 25%, transparent) !important;
  backdrop-filter: blur(8px);
}

/* —— Design: Cyber Neon —— */
[data-site-design="cyber-neon"] {
  --hilms-glow: 0 0 20px color-mix(in srgb, var(--accent) 50%, transparent);
  --hilms-display: 'Orbitron', system-ui, sans-serif;
  --hilms-body: 'IBM Plex Sans', system-ui, sans-serif;
}

[data-site-design="cyber-neon"] body {
  font-family: var(--hilms-body);
  background: #030712;
}

[data-site-design="cyber-neon"] .bg-gray-50,
[data-site-design="cyber-neon"] body.bg-gray-50 {
  background: #030712 !important;
}

[data-site-design="cyber-neon"] .gradient-bg,
[data-site-design="cyber-neon"] .hero-gradient {
  color: #fff;
}

[data-site-design="cyber-neon"] main header .text-gray-800,
[data-site-design="cyber-neon"] main header .text-gray-600,
[data-site-design="cyber-neon"] .flex-1.overflow-auto header .text-gray-800,
[data-site-design="cyber-neon"] .flex-1.overflow-auto header .text-gray-600 {
  color: #e2e8f0 !important;
}

[data-site-design="cyber-neon"] h1,
[data-site-design="cyber-neon"] h2,
[data-site-design="cyber-neon"] main header .text-2xl.font-bold.text-gray-900,
[data-site-design="cyber-neon"] main header .text-xl.font-semibold.text-gray-900 {
  font-family: var(--hilms-display) !important;
  letter-spacing: 0.04em;
}

[data-site-design="cyber-neon"] .hero-gradient h1,
[data-site-design="cyber-neon"] .hero-gradient h2 {
  text-transform: uppercase;
}

[data-site-design="cyber-neon"] .hero-gradient {
  background:
    linear-gradient(rgba(3, 7, 18, 0.85), rgba(3, 7, 18, 0.85)),
    repeating-linear-gradient(0deg, transparent, transparent 39px, color-mix(in srgb, var(--accent) 12%, transparent) 39px, color-mix(in srgb, var(--accent) 12%, transparent) 40px),
    repeating-linear-gradient(90deg, transparent, transparent 39px, color-mix(in srgb, var(--accent-2) 10%, transparent) 39px, color-mix(in srgb, var(--accent-2) 10%, transparent) 40px),
    linear-gradient(135deg, var(--brand-start), var(--brand-end)) !important;
}

[data-site-design="cyber-neon"] .gradient-bg {
  background: linear-gradient(180deg, var(--brand-start), #020617) !important;
  border-right: 1px solid color-mix(in srgb, var(--accent) 40%, transparent);
  box-shadow: inset -8px 0 24px color-mix(in srgb, var(--accent) 15%, transparent);
}

[data-site-design="cyber-neon"] .card-hover:not(.students-card):not(.instructors-card):not(.courses-card):not(.stat-card):not(.earnings-card):not(.platform-card):not(.hilms-metric-card),
[data-site-design="cyber-neon"] .bg-white.rounded-xl:not(.students-card):not(.instructors-card):not(.courses-card):not(.stat-card):not(.earnings-card):not(.platform-card):not(.hilms-metric-card),
[data-site-design="cyber-neon"] .bg-white.rounded-2xl:not(.students-card):not(.instructors-card):not(.courses-card):not(.stat-card):not(.earnings-card):not(.platform-card):not(.hilms-metric-card),
[data-site-design="cyber-neon"] .bg-white.border.rounded-xl:not(.students-card):not(.instructors-card):not(.courses-card):not(.stat-card):not(.earnings-card):not(.platform-card):not(.hilms-metric-card),
[data-site-design="cyber-neon"] .bg-white.shadow-sm:not(.students-card):not(.instructors-card):not(.courses-card):not(.stat-card):not(.earnings-card):not(.platform-card):not(.hilms-metric-card) {
  background: color-mix(in srgb, #0f172a 88%, var(--accent) 12%) !important;
  border: 1px solid color-mix(in srgb, var(--accent) 45%, transparent) !important;
  border-radius: 0.5rem !important;
  box-shadow: var(--hilms-glow), inset 0 1px 0 color-mix(in srgb, var(--accent) 20%, transparent) !important;
  transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
  color: #e2e8f0 !important;
}

[data-site-design="cyber-neon"] .bg-white.rounded-xl .text-gray-900,
[data-site-design="cyber-neon"] .bg-white.rounded-xl .text-gray-700,
[data-site-design="cyber-neon"] .bg-white.rounded-xl .text-gray-600,
[data-site-design="cyber-neon"] .bg-white.rounded-xl .text-gray-500,
[data-site-design="cyber-neon"] .bg-white.rounded-2xl .text-gray-900,
[data-site-design="cyber-neon"] .bg-white.rounded-2xl .text-gray-700,
[data-site-design="cyber-neon"] .bg-white.rounded-2xl .text-gray-600,
[data-site-design="cyber-neon"] .bg-white.rounded-2xl .text-gray-500 {
  color: #e2e8f0 !important;
}

[data-site-design="cyber-neon"] .card-hover:not(.students-card):not(.instructors-card):not(.courses-card):not(.stat-card):not(.earnings-card):not(.platform-card):not(.hilms-metric-card):hover {
  transform: translateY(-4px) !important;
  border-color: var(--accent) !important;
  box-shadow: 0 0 32px color-mix(in srgb, var(--accent) 55%, transparent), 0 0 64px color-mix(in srgb, var(--accent-2) 25%, transparent) !important;
}

[data-site-design="cyber-neon"] .theme-btn-gradient,
[data-site-design="cyber-neon"] .join-btn {
  font-family: var(--hilms-display);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-size: 0.75rem;
  box-shadow: var(--hilms-glow);
}

[data-site-design="cyber-neon"] .hero-gradient .stats-counter,
[data-site-design="cyber-neon"] #home .stats-counter {
  font-family: var(--hilms-display) !important;
  color: var(--accent) !important;
  -webkit-text-fill-color: currentColor !important;
  text-shadow: 0 0 16px color-mix(in srgb, var(--accent) 60%, transparent);
}

[data-site-design="cyber-neon"] .sidebar-item.active {
  background: color-mix(in srgb, var(--accent) 18%, transparent) !important;
  border-left: 2px solid var(--accent) !important;
  box-shadow: inset 0 0 12px color-mix(in srgb, var(--accent) 20%, transparent);
}

[data-site-design="cyber-neon"] header.bg-white,
[data-site-design="cyber-neon"] .bg-white.shadow-sm.border-b {
  background: #0f172a !important;
  border-color: color-mix(in srgb, var(--accent) 30%, transparent) !important;
}

[data-site-design="cyber-neon"] .glass-effect {
  background: color-mix(in srgb, var(--accent) 10%, transparent) !important;
  border: 1px solid color-mix(in srgb, var(--accent) 35%, transparent) !important;
  box-shadow: var(--hilms-glow);
}

[data-site-design="cyber-neon"] .progress-bar {
  box-shadow: 0 0 10px color-mix(in srgb, var(--accent) 50%, transparent);
}

/* Neon Grid Academy — unify dashboard quick action tiles */
[data-site-theme="neon-grid-academy"] .hilms-quick-action {
  background: color-mix(in srgb, var(--surface-soft) 88%, var(--accent) 12%) !important;
  border: 1px solid color-mix(in srgb, var(--accent) 35%, transparent) !important;
  border-radius: 0.5rem !important;
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--accent) 12%, transparent) !important;
  color: #e2e8f0 !important;
  transition: border-color 0.25s ease, box-shadow 0.25s ease, background 0.25s ease !important;
}

[data-site-theme="neon-grid-academy"] .hilms-quick-action:hover {
  background: color-mix(in srgb, var(--surface-soft) 72%, var(--accent) 28%) !important;
  border-color: color-mix(in srgb, var(--accent) 65%, transparent) !important;
  box-shadow:
    inset 0 1px 0 color-mix(in srgb, var(--accent) 20%, transparent),
    0 0 18px color-mix(in srgb, var(--accent) 35%, transparent) !important;
}

[data-site-theme="neon-grid-academy"] .hilms-quick-action .text-gray-900,
[data-site-theme="neon-grid-academy"] .hilms-quick-action .font-medium {
  color: #f1f5f9 !important;
  -webkit-text-fill-color: #f1f5f9 !important;
}

[data-site-theme="neon-grid-academy"] .hilms-quick-action .text-gray-500,
[data-site-theme="neon-grid-academy"] .hilms-quick-action .text-gray-600 {
  color: #94a3b8 !important;
  -webkit-text-fill-color: #94a3b8 !important;
}

[data-site-theme="neon-grid-academy"] .hilms-quick-actions-panel h3 {
  color: #e2e8f0 !important;
  -webkit-text-fill-color: #e2e8f0 !important;
}

/* —— Design: Soft Organic —— */
[data-site-design="soft-organic"] {
  --hilms-radius-card: 1.75rem;
  --hilms-radius-btn: 9999px;
  --hilms-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
}

[data-site-design="soft-organic"] body {
  font-family: 'Nunito', system-ui, sans-serif;
  background: linear-gradient(180deg, var(--surface-soft) 0%, #fff 40%, color-mix(in srgb, var(--surface-soft) 50%, white) 100%);
}

[data-site-design="soft-organic"] body::before {
  content: '';
  position: fixed;
  width: 420px;
  height: 420px;
  border-radius: 50%;
  background: color-mix(in srgb, var(--accent) 18%, transparent);
  top: -120px;
  right: -80px;
  filter: blur(60px);
  pointer-events: none;
  z-index: 0;
}

[data-site-design="soft-organic"] body::after {
  content: '';
  position: fixed;
  width: 360px;
  height: 360px;
  border-radius: 50%;
  background: color-mix(in srgb, var(--accent-2) 15%, transparent);
  bottom: -100px;
  left: -60px;
  filter: blur(70px);
  pointer-events: none;
  z-index: 0;
}

[data-site-design="soft-organic"] h1,
[data-site-design="soft-organic"] h2,
[data-site-design="soft-organic"] h3 {
  font-weight: 800;
}

[data-site-design="soft-organic"] .hero-gradient {
  background: linear-gradient(145deg, var(--brand-start), var(--accent-2), var(--brand-end)) !important;
  border-radius: 0 0 3rem 3rem;
}

[data-site-design="soft-organic"] .gradient-bg {
  background: linear-gradient(160deg, var(--brand-start), var(--brand-end)) !important;
  border-radius: 0 1.5rem 1.5rem 0;
}

[data-site-design="soft-organic"] .card-hover:not(.students-card):not(.instructors-card):not(.courses-card):not(.stat-card):not(.earnings-card):not(.platform-card):not(.hilms-metric-card),
[data-site-design="soft-organic"] .bg-white.rounded-xl:not(.students-card):not(.instructors-card):not(.courses-card):not(.stat-card):not(.earnings-card):not(.platform-card):not(.hilms-metric-card),
[data-site-design="soft-organic"] .bg-white.rounded-2xl:not(.students-card):not(.instructors-card):not(.courses-card):not(.stat-card):not(.earnings-card):not(.platform-card):not(.hilms-metric-card) {
  border-radius: var(--hilms-radius-card) !important;
  border: none !important;
  box-shadow: 0 10px 40px -12px color-mix(in srgb, var(--accent) 25%, transparent) !important;
  background: #fff !important;
  color: #1f2937 !important;
  transition: transform 0.45s var(--hilms-bounce), box-shadow 0.45s ease !important;
}

[data-site-design="soft-organic"] .card-hover:not(.students-card):not(.instructors-card):not(.courses-card):not(.stat-card):not(.earnings-card):not(.platform-card):not(.hilms-metric-card):hover {
  transform: translateY(-8px) scale(1.01) !important;
  box-shadow: 0 20px 50px -15px color-mix(in srgb, var(--accent-2) 35%, transparent) !important;
}

[data-site-design="soft-organic"] .theme-btn-gradient,
[data-site-design="soft-organic"] .join-btn,
[data-site-design="soft-organic"] .bg-blue-600 {
  border-radius: var(--hilms-radius-btn) !important;
  font-weight: 800;
  transition: transform 0.35s var(--hilms-bounce) !important;
}

[data-site-design="soft-organic"] .theme-btn-gradient:hover,
[data-site-design="soft-organic"] .join-btn:hover {
  transform: scale(1.05);
}

[data-site-design="soft-organic"] .sidebar-item {
  border-radius: 1rem;
  margin: 0.25rem 0.5rem;
}

[data-site-design="soft-organic"] .sidebar-item.active {
  background: color-mix(in srgb, white 22%, transparent) !important;
  border-radius: 1rem;
  transform: scale(1.02);
}

[data-site-design="soft-organic"] .floating {
  animation: hilmsSoftFloat 4s ease-in-out infinite;
}

@keyframes hilmsSoftFloat {
  0%, 100% { transform: translateY(0) rotate(0deg); }
  50% { transform: translateY(-14px) rotate(1deg); }
}

[data-site-design="soft-organic"] .hero-gradient .inline-block.bg-yellow-400,
[data-site-design="soft-organic"] .hero-gradient .bg-yellow-400 {
  border-radius: 9999px !important;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

[data-site-design="soft-organic"] .glass-effect {
  border-radius: 1.5rem !important;
  background: color-mix(in srgb, white 20%, transparent) !important;
}

[data-site-design="soft-organic"] .progress-bar {
  border-radius: 9999px !important;
  height: 0.625rem;
}

/* —— Contrast safeguards (all design experiences) —— */

/* Dashboard metric cards: keep gradient backgrounds + white text */
[data-site-design] .students-card,
[data-site-design] .instructors-card,
[data-site-design] .courses-card,
[data-site-design] .stat-card,
[data-site-design] .earnings-card,
[data-site-design] .platform-card {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

[data-site-design] .students-card {
  background: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%) !important;
}

[data-site-design] .instructors-card {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
}

[data-site-design] .courses-card {
  background: linear-gradient(135deg, #fa709a 0%, #fee140 100%) !important;
}

[data-site-design] .stat-card {
  background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%) !important;
}

[data-site-design] .earnings-card {
  background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%) !important;
}

[data-site-design] .platform-card {
  background: linear-gradient(135deg, #11998e 0%, #38ef7d 100%) !important;
}

[data-site-design] .students-card *,
[data-site-design] .instructors-card *,
[data-site-design] .courses-card *,
[data-site-design] .stat-card *,
[data-site-design] .earnings-card *,
[data-site-design] .platform-card * {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

[data-site-design] .students-card svg,
[data-site-design] .instructors-card svg,
[data-site-design] .courses-card svg,
[data-site-design] .stat-card svg,
[data-site-design] .earnings-card svg,
[data-site-design] .platform-card svg {
  fill: currentColor !important;
  color: #fff !important;
}

/* Light content panels: enforce readable dark text */
[data-site-design] main .bg-white.rounded-xl,
[data-site-design] main .bg-white.rounded-2xl,
[data-site-design] main .bg-white.border.rounded-xl {
  color: #0f172a;
}

[data-site-design="glass-enterprise"] main .bg-white .text-gray-900,
[data-site-design="glass-enterprise"] main .bg-white .text-gray-800,
[data-site-design="glass-enterprise"] main .bg-white .text-gray-700,
[data-site-design="neo-brutalist"] main .bg-white .text-gray-900,
[data-site-design="neo-brutalist"] main .bg-white .text-gray-800,
[data-site-design="editorial-luxe"] main .bg-white .text-gray-900,
[data-site-design="editorial-luxe"] main .bg-white .text-gray-800,
[data-site-design="soft-organic"] main .bg-white .text-gray-900,
[data-site-design="soft-organic"] main .bg-white .text-gray-800 {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}

[data-site-design="glass-enterprise"] main .bg-white .text-gray-600,
[data-site-design="glass-enterprise"] main .bg-white .text-gray-500,
[data-site-design="neo-brutalist"] main .bg-white .text-gray-600,
[data-site-design="neo-brutalist"] main .bg-white .text-gray-500,
[data-site-design="editorial-luxe"] main .bg-white .text-gray-600,
[data-site-design="editorial-luxe"] main .bg-white .text-gray-500,
[data-site-design="soft-organic"] main .bg-white .text-gray-600,
[data-site-design="soft-organic"] main .bg-white .text-gray-500 {
  color: #475569 !important;
  -webkit-text-fill-color: #475569 !important;
}

/* Form controls stay readable on light surfaces */
[data-site-design] main input:not([type="checkbox"]):not([type="radio"]),
[data-site-design] main select,
[data-site-design] main textarea {
  color: #0f172a !important;
  background-color: #fff !important;
}

[data-site-design] main label,
[data-site-design] main .text-gray-700 {
  color: #334155;
}

/* Hero sections keep light text on dark/colored heroes (not neo-brutalist yellow hero) */
[data-site-design="glass-enterprise"] .hero-gradient,
[data-site-design="glass-enterprise"] .hero-gradient .text-white,
[data-site-design="glass-enterprise"] .hero-gradient h1,
[data-site-design="glass-enterprise"] .hero-gradient p,
[data-site-design="cyber-neon"] .hero-gradient,
[data-site-design="cyber-neon"] .hero-gradient .text-white,
[data-site-design="cyber-neon"] .hero-gradient h1,
[data-site-design="editorial-luxe"] .hero-gradient,
[data-site-design="editorial-luxe"] .hero-gradient .text-white,
[data-site-design="editorial-luxe"] .hero-gradient h1,
[data-site-design="soft-organic"] .hero-gradient,
[data-site-design="soft-organic"] .hero-gradient .text-white,
[data-site-design="soft-organic"] .hero-gradient h1 {
  color: #fff;
}

[data-site-design] .gradient-bg,
[data-site-design] .gradient-bg .sidebar-item,
[data-site-design] .gradient-bg span,
[data-site-design] .gradient-bg a {
  color: #fff !important;
}

/* Never clip dashboard stat numbers with gradient text tricks */
[data-site-design] main .text-3xl.font-bold,
[data-site-design] main .text-4xl.font-bold {
  -webkit-text-fill-color: currentColor !important;
  background: none !important;
  background-clip: border-box !important;
  -webkit-background-clip: border-box !important;
}

[data-site-design] main .hilms-metric-card .text-3xl.font-bold,
[data-site-design] main .hilms-metric-card .text-4xl.font-bold,
[data-site-design] .students-card .text-3xl.font-bold,
[data-site-design] .instructors-card .text-3xl.font-bold,
[data-site-design] .courses-card .text-3xl.font-bold,
[data-site-design] .stat-card .text-3xl.font-bold,
[data-site-design] .earnings-card .text-3xl.font-bold,
[data-site-design] .platform-card .text-3xl.font-bold,
[data-site-design] .students-card .text-3xl,
[data-site-design] .instructors-card .text-3xl,
[data-site-design] .courses-card .text-3xl,
[data-site-design] .stat-card .text-3xl,
[data-site-design] .earnings-card .text-3xl,
[data-site-design] .platform-card .text-3xl {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

/* Preserve pill avatars in sidebars */
[data-site-design="neo-brutalist"] .gradient-bg .rounded-full,
[data-site-design="neo-brutalist"] .gradient-bg img.rounded-full,
[data-site-design="neo-brutalist"] .gradient-bg .w-10.h-10.rounded-full {
  border-radius: 9999px !important;
}

/* Hilms dashboard metric cards — highest priority */
html[data-site-theme] main .hilms-metric-card,
html[data-site-theme] main .students-card,
html[data-site-theme] main .instructors-card,
html[data-site-theme] main .courses-card,
html[data-site-theme] main .stat-card,
html[data-site-theme] main .earnings-card,
html[data-site-theme] main .platform-card {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border: none !important;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.12) !important;
}

html[data-site-theme] main .students-card,
html[data-site-theme] main .students-card.hilms-metric-card {
  background: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%) !important;
  background-image: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%) !important;
}

html[data-site-theme] main .instructors-card,
html[data-site-theme] main .instructors-card.hilms-metric-card {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
  background-image: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
}

html[data-site-theme] main .courses-card,
html[data-site-theme] main .courses-card.hilms-metric-card {
  background: linear-gradient(135deg, #fa709a 0%, #fee140 100%) !important;
  background-image: linear-gradient(135deg, #fa709a 0%, #fee140 100%) !important;
}

html[data-site-theme] main .stat-card,
html[data-site-theme] main .stat-card.hilms-metric-card {
  background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%) !important;
  background-image: linear-gradient(135deg, #f093fb 0%, #f5576c 100%) !important;
}

html[data-site-theme] main .earnings-card,
html[data-site-theme] main .earnings-card.hilms-metric-card {
  background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%) !important;
  background-image: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%) !important;
}

html[data-site-theme] main .platform-card,
html[data-site-theme] main .platform-card.hilms-metric-card {
  background: linear-gradient(135deg, #11998e 0%, #38ef7d 100%) !important;
  background-image: linear-gradient(135deg, #11998e 0%, #38ef7d 100%) !important;
}

html[data-site-theme] main .hilms-metric-card *,
html[data-site-theme] main .students-card *,
html[data-site-theme] main .instructors-card *,
html[data-site-theme] main .courses-card *,
html[data-site-theme] main .stat-card *,
html[data-site-theme] main .earnings-card *,
html[data-site-theme] main .platform-card * {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  background: none !important;
  background-image: none !important;
  background-clip: border-box !important;
  -webkit-background-clip: border-box !important;
}

html[data-site-theme] main .hilms-metric-card svg,
html[data-site-theme] main .students-card svg,
html[data-site-theme] main .instructors-card svg,
html[data-site-theme] main .courses-card svg,
html[data-site-theme] main .stat-card svg,
html[data-site-theme] main .earnings-card svg,
html[data-site-theme] main .platform-card svg {
  fill: currentColor !important;
  color: #fff !important;
}

html[data-site-theme] main .hilms-metric-card .text-sm,
html[data-site-theme] main .students-card .text-sm,
html[data-site-theme] main .instructors-card .text-sm,
html[data-site-theme] main .courses-card .text-sm,
html[data-site-theme] main .stat-card .text-sm,
html[data-site-theme] main .earnings-card .text-sm,
html[data-site-theme] main .platform-card .text-sm,
html[data-site-theme] main .hilms-metric-card .text-xs,
html[data-site-theme] main .students-card .text-xs,
html[data-site-theme] main .instructors-card .text-xs,
html[data-site-theme] main .courses-card .text-xs,
html[data-site-theme] main .stat-card .text-xs,
html[data-site-theme] main .earnings-card .text-xs,
html[data-site-theme] main .platform-card .text-xs {
  color: rgba(255, 255, 255, 0.92) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.92) !important;
}