/* =========================================================
   UnderHost Theme System — 100 themes
   Selector: body.theme-<name>
   Variables: --color-primary/secondary/accent (+ light/dark/darker)
              --color-*-rgb / --border-* / --gradient-* / --shadow-*
   ========================================================= */

/* Canada · Maple Spirit — Canadian hosting — maple red on snow */
body.theme-canada {
  --color-primary: #D42D2D;
  --color-primary-light: #FF6B6B;
  --color-primary-dark: #A52323;
  --color-primary-darker: #2A0B0B;

  --color-secondary: #F8FAFC;
  --color-secondary-light: #FFFFFF;
  --color-secondary-dark: #E2E8F0;

  --color-accent: #FFD700;
  --color-accent-light: #FFE55C;
  --color-accent-dark: #CCAA00;

  --color-primary-rgb: 212, 45, 45;
  --color-primary-light-rgb: 255, 107, 107;
  --color-primary-dark-rgb: 165, 35, 35;
  --color-primary-darker-rgb: 42, 11, 11;

  --color-secondary-rgb: 248, 250, 252;
  --color-secondary-light-rgb: 255, 255, 255;
  --color-secondary-dark-rgb: 226, 232, 240;

  --color-accent-rgb: 255, 215, 0;

  --border-primary: rgba(212, 45, 45, 0.2);
  --border-secondary: rgba(248, 250, 252, 0.12);

  --gradient-horizontal: linear-gradient(90deg, #D42D2D, #A52323);
  --gradient-primary: linear-gradient(135deg, #A52323, #D42D2D, #FF6B6B);
  --gradient-card-header: linear-gradient(145deg, #2A0B0B, #A52323, #D42D2D);

  --shadow-md: 0 10px 20px rgba(212, 45, 45, 0.2);
  --shadow-lg: 0 15px 30px rgba(212, 45, 45, 0.28);
  --shadow-xl: 0 20px 40px rgba(212, 45, 45, 0.16);
  --shadow-glow: 0 0 30px rgba(212, 45, 45, 0.3);
}

/* United States · Liberty Cloud — US SaaS — corporate blue, conversion red */
body.theme-united-states {
  --color-primary: #2563EB;
  --color-primary-light: #93C5FD;
  --color-primary-dark: #1E3A8A;
  --color-primary-darker: #060B1A;

  --color-secondary: #DC2626;
  --color-secondary-light: #EF4444;
  --color-secondary-dark: #991B1B;

  --color-accent: #F8FAFC;
  --color-accent-light: #E2E8F0;
  --color-accent-dark: #CBD5E1;

  --color-primary-rgb: 37, 99, 235;
  --color-primary-light-rgb: 147, 197, 253;
  --color-primary-dark-rgb: 30, 58, 138;
  --color-primary-darker-rgb: 6, 11, 26;

  --color-secondary-rgb: 220, 38, 38;
  --color-secondary-light-rgb: 239, 68, 68;
  --color-secondary-dark-rgb: 153, 27, 27;

  --color-accent-rgb: 248, 250, 252;

  --border-primary: rgba(37, 99, 235, 0.2);
  --border-secondary: rgba(220, 38, 38, 0.12);

  --gradient-horizontal: linear-gradient(90deg, #2563EB, #1E3A8A);
  --gradient-primary: linear-gradient(135deg, #1E3A8A, #2563EB, #93C5FD);
  --gradient-card-header: linear-gradient(145deg, #060B1A, #1E3A8A, #2563EB);

  --shadow-md: 0 10px 20px rgba(37, 99, 235, 0.2);
  --shadow-lg: 0 15px 30px rgba(37, 99, 235, 0.28);
  --shadow-xl: 0 20px 40px rgba(37, 99, 235, 0.16);
  --shadow-glow: 0 0 30px rgba(37, 99, 235, 0.3);
}

/* United Kingdom · Royal Cloud — UK/EU enterprise — royal blue authority */
body.theme-united-kingdom {
  --color-primary: #1D4ED8;
  --color-primary-light: #93C5FD;
  --color-primary-dark: #312E81;
  --color-primary-darker: #070A1A;

  --color-secondary: #DC2626;
  --color-secondary-light: #EF4444;
  --color-secondary-dark: #991B1B;

  --color-accent: #F1F5F9;
  --color-accent-light: #FFFFFF;
  --color-accent-dark: #CBD5E1;

  --color-primary-rgb: 29, 78, 216;
  --color-primary-light-rgb: 147, 197, 253;
  --color-primary-dark-rgb: 49, 46, 129;
  --color-primary-darker-rgb: 7, 10, 26;

  --color-secondary-rgb: 220, 38, 38;
  --color-secondary-light-rgb: 239, 68, 68;
  --color-secondary-dark-rgb: 153, 27, 27;

  --color-accent-rgb: 241, 245, 249;

  --border-primary: rgba(29, 78, 216, 0.2);
  --border-secondary: rgba(220, 38, 38, 0.12);

  --gradient-horizontal: linear-gradient(90deg, #1D4ED8, #312E81);
  --gradient-primary: linear-gradient(135deg, #312E81, #1D4ED8, #93C5FD);
  --gradient-card-header: linear-gradient(145deg, #070A1A, #312E81, #1D4ED8);

  --shadow-md: 0 10px 20px rgba(29, 78, 216, 0.2);
  --shadow-lg: 0 15px 30px rgba(29, 78, 216, 0.28);
  --shadow-xl: 0 20px 40px rgba(29, 78, 216, 0.16);
  --shadow-glow: 0 0 30px rgba(29, 78, 216, 0.3);
}

/* Netherlands · Amsterdam IX — EU hub — orange ember + deep cloud blue */
body.theme-netherlands {
  --color-primary: #F97316;
  --color-primary-light: #FDBA74;
  --color-primary-dark: #C2410C;
  --color-primary-darker: #1A0A05;

  --color-secondary: #2563EB;
  --color-secondary-light: #60A5FA;
  --color-secondary-dark: #1E3A8A;

  --color-accent: #FFFFFF;
  --color-accent-light: #F8FAFC;
  --color-accent-dark: #E2E8F0;

  --color-primary-rgb: 249, 115, 22;
  --color-primary-light-rgb: 253, 186, 116;
  --color-primary-dark-rgb: 194, 65, 12;
  --color-primary-darker-rgb: 26, 10, 5;

  --color-secondary-rgb: 37, 99, 235;
  --color-secondary-light-rgb: 96, 165, 250;
  --color-secondary-dark-rgb: 30, 58, 138;

  --color-accent-rgb: 255, 255, 255;

  --border-primary: rgba(249, 115, 22, 0.2);
  --border-secondary: rgba(37, 99, 235, 0.12);

  --gradient-horizontal: linear-gradient(90deg, #F97316, #C2410C);
  --gradient-primary: linear-gradient(135deg, #C2410C, #F97316, #FDBA74);
  --gradient-card-header: linear-gradient(145deg, #1A0A05, #C2410C, #F97316);

  --shadow-md: 0 10px 20px rgba(249, 115, 22, 0.2);
  --shadow-lg: 0 15px 30px rgba(249, 115, 22, 0.28);
  --shadow-xl: 0 20px 40px rgba(249, 115, 22, 0.16);
  --shadow-glow: 0 0 30px rgba(249, 115, 22, 0.3);
}

/* Germany · Precision Cloud — German precision — engineered black, signal red */
body.theme-germany {
  --color-primary: #18181B;
  --color-primary-light: #3F3F46;
  --color-primary-dark: #09090B;
  --color-primary-darker: #000000;

  --color-secondary: #DC2626;
  --color-secondary-light: #EF4444;
  --color-secondary-dark: #991B1B;

  --color-accent: #FACC15;
  --color-accent-light: #FDE047;
  --color-accent-dark: #CA8A04;

  --color-primary-rgb: 24, 24, 27;
  --color-primary-light-rgb: 63, 63, 70;
  --color-primary-dark-rgb: 9, 9, 11;
  --color-primary-darker-rgb: 0, 0, 0;

  --color-secondary-rgb: 220, 38, 38;
  --color-secondary-light-rgb: 239, 68, 68;
  --color-secondary-dark-rgb: 153, 27, 27;

  --color-accent-rgb: 250, 204, 21;

  --border-primary: rgba(24, 24, 27, 0.2);
  --border-secondary: rgba(220, 38, 38, 0.12);

  --gradient-horizontal: linear-gradient(90deg, #18181B, #09090B);
  --gradient-primary: linear-gradient(135deg, #09090B, #18181B, #3F3F46);
  --gradient-card-header: linear-gradient(145deg, #000000, #09090B, #18181B);

  --shadow-md: 0 10px 20px rgba(24, 24, 27, 0.2);
  --shadow-lg: 0 15px 30px rgba(24, 24, 27, 0.28);
  --shadow-xl: 0 20px 40px rgba(24, 24, 27, 0.16);
  --shadow-glow: 0 0 30px rgba(24, 24, 27, 0.3);
}

/* France · Refined Cloud — Paris OVH — refined navy + ember */
body.theme-france {
  --color-primary: #1E3A8A;
  --color-primary-light: #3B82F6;
  --color-primary-dark: #1E40AF;
  --color-primary-darker: #0A0F22;

  --color-secondary: #DC2626;
  --color-secondary-light: #EF4444;
  --color-secondary-dark: #991B1B;

  --color-accent: #F1F5F9;
  --color-accent-light: #FFFFFF;
  --color-accent-dark: #CBD5E1;

  --color-primary-rgb: 30, 58, 138;
  --color-primary-light-rgb: 59, 130, 246;
  --color-primary-dark-rgb: 30, 64, 175;
  --color-primary-darker-rgb: 10, 15, 34;

  --color-secondary-rgb: 220, 38, 38;
  --color-secondary-light-rgb: 239, 68, 68;
  --color-secondary-dark-rgb: 153, 27, 27;

  --color-accent-rgb: 241, 245, 249;

  --border-primary: rgba(30, 58, 138, 0.2);
  --border-secondary: rgba(220, 38, 38, 0.12);

  --gradient-horizontal: linear-gradient(90deg, #1E3A8A, #1E40AF);
  --gradient-primary: linear-gradient(135deg, #1E40AF, #1E3A8A, #3B82F6);
  --gradient-card-header: linear-gradient(145deg, #0A0F22, #1E40AF, #1E3A8A);

  --shadow-md: 0 10px 20px rgba(30, 58, 138, 0.2);
  --shadow-lg: 0 15px 30px rgba(30, 58, 138, 0.28);
  --shadow-xl: 0 20px 40px rgba(30, 58, 138, 0.16);
  --shadow-glow: 0 0 30px rgba(30, 58, 138, 0.3);
}

/* Spain · Madrid Sol — Iberian heat — flamenco red + sun gold */
body.theme-spain {
  --color-primary: #DC2626;
  --color-primary-light: #F87171;
  --color-primary-dark: #991B1B;
  --color-primary-darker: #1A0608;

  --color-secondary: #F59E0B;
  --color-secondary-light: #FBBF24;
  --color-secondary-dark: #B45309;

  --color-accent: #FDE047;
  --color-accent-light: #FEF08A;
  --color-accent-dark: #EAB308;

  --color-primary-rgb: 220, 38, 38;
  --color-primary-light-rgb: 248, 113, 113;
  --color-primary-dark-rgb: 153, 27, 27;
  --color-primary-darker-rgb: 26, 6, 8;

  --color-secondary-rgb: 245, 158, 11;
  --color-secondary-light-rgb: 251, 191, 36;
  --color-secondary-dark-rgb: 180, 83, 9;

  --color-accent-rgb: 253, 224, 71;

  --border-primary: rgba(220, 38, 38, 0.2);
  --border-secondary: rgba(245, 158, 11, 0.12);

  --gradient-horizontal: linear-gradient(90deg, #DC2626, #991B1B);
  --gradient-primary: linear-gradient(135deg, #991B1B, #DC2626, #F87171);
  --gradient-card-header: linear-gradient(145deg, #1A0608, #991B1B, #DC2626);

  --shadow-md: 0 10px 20px rgba(220, 38, 38, 0.2);
  --shadow-lg: 0 15px 30px rgba(220, 38, 38, 0.28);
  --shadow-xl: 0 20px 40px rgba(220, 38, 38, 0.16);
  --shadow-glow: 0 0 30px rgba(220, 38, 38, 0.3);
}

/* Italy · Milano Cloud — Italian cloud — basil green + cherry red */
body.theme-italy {
  --color-primary: #16A34A;
  --color-primary-light: #4ADE80;
  --color-primary-dark: #166534;
  --color-primary-darker: #051A0E;

  --color-secondary: #DC2626;
  --color-secondary-light: #EF4444;
  --color-secondary-dark: #991B1B;

  --color-accent: #F8FAFC;
  --color-accent-light: #FFFFFF;
  --color-accent-dark: #E2E8F0;

  --color-primary-rgb: 22, 163, 74;
  --color-primary-light-rgb: 74, 222, 128;
  --color-primary-dark-rgb: 22, 101, 52;
  --color-primary-darker-rgb: 5, 26, 14;

  --color-secondary-rgb: 220, 38, 38;
  --color-secondary-light-rgb: 239, 68, 68;
  --color-secondary-dark-rgb: 153, 27, 27;

  --color-accent-rgb: 248, 250, 252;

  --border-primary: rgba(22, 163, 74, 0.2);
  --border-secondary: rgba(220, 38, 38, 0.12);

  --gradient-horizontal: linear-gradient(90deg, #16A34A, #166534);
  --gradient-primary: linear-gradient(135deg, #166534, #16A34A, #4ADE80);
  --gradient-card-header: linear-gradient(145deg, #051A0E, #166534, #16A34A);

  --shadow-md: 0 10px 20px rgba(22, 163, 74, 0.2);
  --shadow-lg: 0 15px 30px rgba(22, 163, 74, 0.28);
  --shadow-xl: 0 20px 40px rgba(22, 163, 74, 0.16);
  --shadow-glow: 0 0 30px rgba(22, 163, 74, 0.3);
}

/* Switzerland · Alpine Vault — Swiss neutrality — precision red on slate */
body.theme-switzerland {
  --color-primary: #DC2626;
  --color-primary-light: #EF4444;
  --color-primary-dark: #991B1B;
  --color-primary-darker: #0F0A0C;

  --color-secondary: #1E293B;
  --color-secondary-light: #475569;
  --color-secondary-dark: #0F172A;

  --color-accent: #F8FAFC;
  --color-accent-light: #FFFFFF;
  --color-accent-dark: #E2E8F0;

  --color-primary-rgb: 220, 38, 38;
  --color-primary-light-rgb: 239, 68, 68;
  --color-primary-dark-rgb: 153, 27, 27;
  --color-primary-darker-rgb: 15, 10, 12;

  --color-secondary-rgb: 30, 41, 59;
  --color-secondary-light-rgb: 71, 85, 105;
  --color-secondary-dark-rgb: 15, 23, 42;

  --color-accent-rgb: 248, 250, 252;

  --border-primary: rgba(220, 38, 38, 0.2);
  --border-secondary: rgba(30, 41, 59, 0.12);

  --gradient-horizontal: linear-gradient(90deg, #DC2626, #991B1B);
  --gradient-primary: linear-gradient(135deg, #991B1B, #DC2626, #EF4444);
  --gradient-card-header: linear-gradient(145deg, #0F0A0C, #991B1B, #DC2626);

  --shadow-md: 0 10px 20px rgba(220, 38, 38, 0.2);
  --shadow-lg: 0 15px 30px rgba(220, 38, 38, 0.28);
  --shadow-xl: 0 20px 40px rgba(220, 38, 38, 0.16);
  --shadow-glow: 0 0 30px rgba(220, 38, 38, 0.3);
}

/* Sweden · Nordic Peering — Stockholm DC — icy blue + sun yellow */
body.theme-sweden {
  --color-primary: #2563EB;
  --color-primary-light: #60A5FA;
  --color-primary-dark: #1E40AF;
  --color-primary-darker: #061225;

  --color-secondary: #FACC15;
  --color-secondary-light: #FDE047;
  --color-secondary-dark: #CA8A04;

  --color-accent: #06B6D4;
  --color-accent-light: #67E8F9;
  --color-accent-dark: #0891B2;

  --color-primary-rgb: 37, 99, 235;
  --color-primary-light-rgb: 96, 165, 250;
  --color-primary-dark-rgb: 30, 64, 175;
  --color-primary-darker-rgb: 6, 18, 37;

  --color-secondary-rgb: 250, 204, 21;
  --color-secondary-light-rgb: 253, 224, 71;
  --color-secondary-dark-rgb: 202, 138, 4;

  --color-accent-rgb: 6, 182, 212;

  --border-primary: rgba(37, 99, 235, 0.2);
  --border-secondary: rgba(250, 204, 21, 0.12);

  --gradient-horizontal: linear-gradient(90deg, #2563EB, #1E40AF);
  --gradient-primary: linear-gradient(135deg, #1E40AF, #2563EB, #60A5FA);
  --gradient-card-header: linear-gradient(145deg, #061225, #1E40AF, #2563EB);

  --shadow-md: 0 10px 20px rgba(37, 99, 235, 0.2);
  --shadow-lg: 0 15px 30px rgba(37, 99, 235, 0.28);
  --shadow-xl: 0 20px 40px rgba(37, 99, 235, 0.16);
  --shadow-glow: 0 0 30px rgba(37, 99, 235, 0.3);
}

/* Norway · Fjord Routes — Deep ocean blue + Nordic signal red */
body.theme-norway {
  --color-primary: #1E40AF;
  --color-primary-light: #60A5FA;
  --color-primary-dark: #1E3A8A;
  --color-primary-darker: #060B1A;

  --color-secondary: #DC2626;
  --color-secondary-light: #EF4444;
  --color-secondary-dark: #991B1B;

  --color-accent: #06B6D4;
  --color-accent-light: #67E8F9;
  --color-accent-dark: #0891B2;

  --color-primary-rgb: 30, 64, 175;
  --color-primary-light-rgb: 96, 165, 250;
  --color-primary-dark-rgb: 30, 58, 138;
  --color-primary-darker-rgb: 6, 11, 26;

  --color-secondary-rgb: 220, 38, 38;
  --color-secondary-light-rgb: 239, 68, 68;
  --color-secondary-dark-rgb: 153, 27, 27;

  --color-accent-rgb: 6, 182, 212;

  --border-primary: rgba(30, 64, 175, 0.2);
  --border-secondary: rgba(220, 38, 38, 0.12);

  --gradient-horizontal: linear-gradient(90deg, #1E40AF, #1E3A8A);
  --gradient-primary: linear-gradient(135deg, #1E3A8A, #1E40AF, #60A5FA);
  --gradient-card-header: linear-gradient(145deg, #060B1A, #1E3A8A, #1E40AF);

  --shadow-md: 0 10px 20px rgba(30, 64, 175, 0.2);
  --shadow-lg: 0 15px 30px rgba(30, 64, 175, 0.28);
  --shadow-xl: 0 20px 40px rgba(30, 64, 175, 0.16);
  --shadow-glow: 0 0 30px rgba(30, 64, 175, 0.3);
}

/* Finland · Helsinki Frost — Ice blue clarity — high-trust Nordic */
body.theme-finland {
  --color-primary: #38BDF8;
  --color-primary-light: #BAE6FD;
  --color-primary-dark: #0284C7;
  --color-primary-darker: #050B14;

  --color-secondary: #FFFFFF;
  --color-secondary-light: #F8FAFC;
  --color-secondary-dark: #E2E8F0;

  --color-accent: #C7D2FE;
  --color-accent-light: #E0E7FF;
  --color-accent-dark: #A5B4FC;

  --color-primary-rgb: 56, 189, 248;
  --color-primary-light-rgb: 186, 230, 253;
  --color-primary-dark-rgb: 2, 132, 199;
  --color-primary-darker-rgb: 5, 11, 20;

  --color-secondary-rgb: 255, 255, 255;
  --color-secondary-light-rgb: 248, 250, 252;
  --color-secondary-dark-rgb: 226, 232, 240;

  --color-accent-rgb: 199, 210, 254;

  --border-primary: rgba(56, 189, 248, 0.2);
  --border-secondary: rgba(255, 255, 255, 0.12);

  --gradient-horizontal: linear-gradient(90deg, #38BDF8, #0284C7);
  --gradient-primary: linear-gradient(135deg, #0284C7, #38BDF8, #BAE6FD);
  --gradient-card-header: linear-gradient(145deg, #050B14, #0284C7, #38BDF8);

  --shadow-md: 0 10px 20px rgba(56, 189, 248, 0.2);
  --shadow-lg: 0 15px 30px rgba(56, 189, 248, 0.28);
  --shadow-xl: 0 20px 40px rgba(56, 189, 248, 0.16);
  --shadow-glow: 0 0 30px rgba(56, 189, 248, 0.3);
}

/* Iceland · Geothermal — Volcanic teal + lichen lime */
body.theme-iceland {
  --color-primary: #06B6D4;
  --color-primary-light: #67E8F9;
  --color-primary-dark: #0E7490;
  --color-primary-darker: #052028;

  --color-secondary: #84CC16;
  --color-secondary-light: #BEF264;
  --color-secondary-dark: #65A30D;

  --color-accent: #F4F4F5;
  --color-accent-light: #FFFFFF;
  --color-accent-dark: #E4E4E7;

  --color-primary-rgb: 6, 182, 212;
  --color-primary-light-rgb: 103, 232, 249;
  --color-primary-dark-rgb: 14, 116, 144;
  --color-primary-darker-rgb: 5, 32, 40;

  --color-secondary-rgb: 132, 204, 22;
  --color-secondary-light-rgb: 190, 242, 100;
  --color-secondary-dark-rgb: 101, 163, 13;

  --color-accent-rgb: 244, 244, 245;

  --border-primary: rgba(6, 182, 212, 0.2);
  --border-secondary: rgba(132, 204, 22, 0.12);

  --gradient-horizontal: linear-gradient(90deg, #06B6D4, #0E7490);
  --gradient-primary: linear-gradient(135deg, #0E7490, #06B6D4, #67E8F9);
  --gradient-card-header: linear-gradient(145deg, #052028, #0E7490, #06B6D4);

  --shadow-md: 0 10px 20px rgba(6, 182, 212, 0.2);
  --shadow-lg: 0 15px 30px rgba(6, 182, 212, 0.28);
  --shadow-xl: 0 20px 40px rgba(6, 182, 212, 0.16);
  --shadow-glow: 0 0 30px rgba(6, 182, 212, 0.3);
}

/* Russia · CIS Routing — RU/CIS — steel slate + signal red */
body.theme-russia {
  --color-primary: #DC2626;
  --color-primary-light: #FCA5A5;
  --color-primary-dark: #991B1B;
  --color-primary-darker: #0C0B10;

  --color-secondary: #1E293B;
  --color-secondary-light: #475569;
  --color-secondary-dark: #0F172A;

  --color-accent: #60A5FA;
  --color-accent-light: #BAE6FD;
  --color-accent-dark: #2563EB;

  --color-primary-rgb: 220, 38, 38;
  --color-primary-light-rgb: 252, 165, 165;
  --color-primary-dark-rgb: 153, 27, 27;
  --color-primary-darker-rgb: 12, 11, 16;

  --color-secondary-rgb: 30, 41, 59;
  --color-secondary-light-rgb: 71, 85, 105;
  --color-secondary-dark-rgb: 15, 23, 42;

  --color-accent-rgb: 96, 165, 250;

  --border-primary: rgba(220, 38, 38, 0.2);
  --border-secondary: rgba(30, 41, 59, 0.12);

  --gradient-horizontal: linear-gradient(90deg, #DC2626, #991B1B);
  --gradient-primary: linear-gradient(135deg, #991B1B, #DC2626, #FCA5A5);
  --gradient-card-header: linear-gradient(145deg, #0C0B10, #991B1B, #DC2626);

  --shadow-md: 0 10px 20px rgba(220, 38, 38, 0.2);
  --shadow-lg: 0 15px 30px rgba(220, 38, 38, 0.28);
  --shadow-xl: 0 20px 40px rgba(220, 38, 38, 0.16);
  --shadow-glow: 0 0 30px rgba(220, 38, 38, 0.3);
}

/* Moldova · Value Cloud — Eastern EU value — emerald + amber */
body.theme-moldova {
  --color-primary: #10B981;
  --color-primary-light: #6EE7B7;
  --color-primary-dark: #047857;
  --color-primary-darker: #04140E;

  --color-secondary: #F59E0B;
  --color-secondary-light: #FDE68A;
  --color-secondary-dark: #B45309;

  --color-accent: #2563EB;
  --color-accent-light: #93C5FD;
  --color-accent-dark: #1E40AF;

  --color-primary-rgb: 16, 185, 129;
  --color-primary-light-rgb: 110, 231, 183;
  --color-primary-dark-rgb: 4, 120, 87;
  --color-primary-darker-rgb: 4, 20, 14;

  --color-secondary-rgb: 245, 158, 11;
  --color-secondary-light-rgb: 253, 230, 138;
  --color-secondary-dark-rgb: 180, 83, 9;

  --color-accent-rgb: 37, 99, 235;

  --border-primary: rgba(16, 185, 129, 0.2);
  --border-secondary: rgba(245, 158, 11, 0.12);

  --gradient-horizontal: linear-gradient(90deg, #10B981, #047857);
  --gradient-primary: linear-gradient(135deg, #047857, #10B981, #6EE7B7);
  --gradient-card-header: linear-gradient(145deg, #04140E, #047857, #10B981);

  --shadow-md: 0 10px 20px rgba(16, 185, 129, 0.2);
  --shadow-lg: 0 15px 30px rgba(16, 185, 129, 0.28);
  --shadow-xl: 0 20px 40px rgba(16, 185, 129, 0.16);
  --shadow-glow: 0 0 30px rgba(16, 185, 129, 0.3);
}

/* Ukraine · Kyiv Azure — Ukrainian routing — azure + sunflower */
body.theme-ukraine {
  --color-primary: #0EA5E9;
  --color-primary-light: #BAE6FD;
  --color-primary-dark: #1D4ED8;
  --color-primary-darker: #061225;

  --color-secondary: #FDE047;
  --color-secondary-light: #FEF08A;
  --color-secondary-dark: #EAB308;

  --color-accent: #22C55E;
  --color-accent-light: #86EFAC;
  --color-accent-dark: #16A34A;

  --color-primary-rgb: 14, 165, 233;
  --color-primary-light-rgb: 186, 230, 253;
  --color-primary-dark-rgb: 29, 78, 216;
  --color-primary-darker-rgb: 6, 18, 37;

  --color-secondary-rgb: 253, 224, 71;
  --color-secondary-light-rgb: 254, 240, 138;
  --color-secondary-dark-rgb: 234, 179, 8;

  --color-accent-rgb: 34, 197, 94;

  --border-primary: rgba(14, 165, 233, 0.2);
  --border-secondary: rgba(253, 224, 71, 0.12);

  --gradient-horizontal: linear-gradient(90deg, #0EA5E9, #1D4ED8);
  --gradient-primary: linear-gradient(135deg, #1D4ED8, #0EA5E9, #BAE6FD);
  --gradient-card-header: linear-gradient(145deg, #061225, #1D4ED8, #0EA5E9);

  --shadow-md: 0 10px 20px rgba(14, 165, 233, 0.2);
  --shadow-lg: 0 15px 30px rgba(14, 165, 233, 0.28);
  --shadow-xl: 0 20px 40px rgba(14, 165, 233, 0.16);
  --shadow-glow: 0 0 30px rgba(14, 165, 233, 0.3);
}

/* Bulgaria · Sofia Velvet — Eastern EU — violet rose value */
body.theme-bulgaria {
  --color-primary: #7C3AED;
  --color-primary-light: #C4B5FD;
  --color-primary-dark: #4F46E5;
  --color-primary-darker: #0B0B18;

  --color-secondary: #22C55E;
  --color-secondary-light: #86EFAC;
  --color-secondary-dark: #16A34A;

  --color-accent: #FB7185;
  --color-accent-light: #FECDD3;
  --color-accent-dark: #E11D48;

  --color-primary-rgb: 124, 58, 237;
  --color-primary-light-rgb: 196, 181, 253;
  --color-primary-dark-rgb: 79, 70, 229;
  --color-primary-darker-rgb: 11, 11, 24;

  --color-secondary-rgb: 34, 197, 94;
  --color-secondary-light-rgb: 134, 239, 172;
  --color-secondary-dark-rgb: 22, 163, 74;

  --color-accent-rgb: 251, 113, 133;

  --border-primary: rgba(124, 58, 237, 0.2);
  --border-secondary: rgba(34, 197, 94, 0.12);

  --gradient-horizontal: linear-gradient(90deg, #7C3AED, #4F46E5);
  --gradient-primary: linear-gradient(135deg, #4F46E5, #7C3AED, #C4B5FD);
  --gradient-card-header: linear-gradient(145deg, #0B0B18, #4F46E5, #7C3AED);

  --shadow-md: 0 10px 20px rgba(124, 58, 237, 0.2);
  --shadow-lg: 0 15px 30px rgba(124, 58, 237, 0.28);
  --shadow-xl: 0 20px 40px rgba(124, 58, 237, 0.16);
  --shadow-glow: 0 0 30px rgba(124, 58, 237, 0.3);
}

/* Turkey · Bosphorus Crescent — Crescent red + moon chalk */
body.theme-turkey {
  --color-primary: #DC2626;
  --color-primary-light: #F87171;
  --color-primary-dark: #991B1B;
  --color-primary-darker: #1A0506;

  --color-secondary: #F4F4F5;
  --color-secondary-light: #FFFFFF;
  --color-secondary-dark: #D4D4D8;

  --color-accent: #FACC15;
  --color-accent-light: #FDE047;
  --color-accent-dark: #CA8A04;

  --color-primary-rgb: 220, 38, 38;
  --color-primary-light-rgb: 248, 113, 113;
  --color-primary-dark-rgb: 153, 27, 27;
  --color-primary-darker-rgb: 26, 5, 6;

  --color-secondary-rgb: 244, 244, 245;
  --color-secondary-light-rgb: 255, 255, 255;
  --color-secondary-dark-rgb: 212, 212, 216;

  --color-accent-rgb: 250, 204, 21;

  --border-primary: rgba(220, 38, 38, 0.2);
  --border-secondary: rgba(244, 244, 245, 0.12);

  --gradient-horizontal: linear-gradient(90deg, #DC2626, #991B1B);
  --gradient-primary: linear-gradient(135deg, #991B1B, #DC2626, #F87171);
  --gradient-card-header: linear-gradient(145deg, #1A0506, #991B1B, #DC2626);

  --shadow-md: 0 10px 20px rgba(220, 38, 38, 0.2);
  --shadow-lg: 0 15px 30px rgba(220, 38, 38, 0.28);
  --shadow-xl: 0 20px 40px rgba(220, 38, 38, 0.16);
  --shadow-glow: 0 0 30px rgba(220, 38, 38, 0.3);
}

/* UAE · Desert Cloud — Dubai DC — desert green + gold */
body.theme-uae {
  --color-primary: #15803D;
  --color-primary-light: #4ADE80;
  --color-primary-dark: #14532D;
  --color-primary-darker: #04140A;

  --color-secondary: #FACC15;
  --color-secondary-light: #FDE047;
  --color-secondary-dark: #B45309;

  --color-accent: #DC2626;
  --color-accent-light: #F87171;
  --color-accent-dark: #991B1B;

  --color-primary-rgb: 21, 128, 61;
  --color-primary-light-rgb: 74, 222, 128;
  --color-primary-dark-rgb: 20, 83, 45;
  --color-primary-darker-rgb: 4, 20, 10;

  --color-secondary-rgb: 250, 204, 21;
  --color-secondary-light-rgb: 253, 224, 71;
  --color-secondary-dark-rgb: 180, 83, 9;

  --color-accent-rgb: 220, 38, 38;

  --border-primary: rgba(21, 128, 61, 0.2);
  --border-secondary: rgba(250, 204, 21, 0.12);

  --gradient-horizontal: linear-gradient(90deg, #15803D, #14532D);
  --gradient-primary: linear-gradient(135deg, #14532D, #15803D, #4ADE80);
  --gradient-card-header: linear-gradient(145deg, #04140A, #14532D, #15803D);

  --shadow-md: 0 10px 20px rgba(21, 128, 61, 0.2);
  --shadow-lg: 0 15px 30px rgba(21, 128, 61, 0.28);
  --shadow-xl: 0 20px 40px rgba(21, 128, 61, 0.16);
  --shadow-glow: 0 0 30px rgba(21, 128, 61, 0.3);
}

/* Singapore · APAC Hub — Premium peering — teal + gold */
body.theme-singapore {
  --color-primary: #06B6D4;
  --color-primary-light: #67E8F9;
  --color-primary-dark: #0F766E;
  --color-primary-darker: #061418;

  --color-secondary: #F5B301;
  --color-secondary-light: #FDE68A;
  --color-secondary-dark: #D97706;

  --color-accent: #E11D48;
  --color-accent-light: #FB7185;
  --color-accent-dark: #BE123C;

  --color-primary-rgb: 6, 182, 212;
  --color-primary-light-rgb: 103, 232, 249;
  --color-primary-dark-rgb: 15, 118, 110;
  --color-primary-darker-rgb: 6, 20, 24;

  --color-secondary-rgb: 245, 179, 1;
  --color-secondary-light-rgb: 253, 230, 138;
  --color-secondary-dark-rgb: 217, 119, 6;

  --color-accent-rgb: 225, 29, 72;

  --border-primary: rgba(6, 182, 212, 0.2);
  --border-secondary: rgba(245, 179, 1, 0.12);

  --gradient-horizontal: linear-gradient(90deg, #06B6D4, #0F766E);
  --gradient-primary: linear-gradient(135deg, #0F766E, #06B6D4, #67E8F9);
  --gradient-card-header: linear-gradient(145deg, #061418, #0F766E, #06B6D4);

  --shadow-md: 0 10px 20px rgba(6, 182, 212, 0.2);
  --shadow-lg: 0 15px 30px rgba(6, 182, 212, 0.28);
  --shadow-xl: 0 20px 40px rgba(6, 182, 212, 0.16);
  --shadow-glow: 0 0 30px rgba(6, 182, 212, 0.3);
}

/* Hong Kong · Victoria Harbour — Jade neon + harbour blue */
body.theme-hong-kong {
  --color-primary: #00D4A6;
  --color-primary-light: #7CFBE3;
  --color-primary-dark: #1D4ED8;
  --color-primary-darker: #06121C;

  --color-secondary: #1D4ED8;
  --color-secondary-light: #60A5FA;
  --color-secondary-dark: #1E3A8A;

  --color-accent: #FF3D7F;
  --color-accent-light: #FF7BA8;
  --color-accent-dark: #E11D48;

  --color-primary-rgb: 0, 212, 166;
  --color-primary-light-rgb: 124, 251, 227;
  --color-primary-dark-rgb: 29, 78, 216;
  --color-primary-darker-rgb: 6, 18, 28;

  --color-secondary-rgb: 29, 78, 216;
  --color-secondary-light-rgb: 96, 165, 250;
  --color-secondary-dark-rgb: 30, 58, 138;

  --color-accent-rgb: 255, 61, 127;

  --border-primary: rgba(0, 212, 166, 0.2);
  --border-secondary: rgba(29, 78, 216, 0.12);

  --gradient-horizontal: linear-gradient(90deg, #00D4A6, #1D4ED8);
  --gradient-primary: linear-gradient(135deg, #1D4ED8, #00D4A6, #7CFBE3);
  --gradient-card-header: linear-gradient(145deg, #06121C, #1D4ED8, #00D4A6);

  --shadow-md: 0 10px 20px rgba(0, 212, 166, 0.2);
  --shadow-lg: 0 15px 30px rgba(0, 212, 166, 0.28);
  --shadow-xl: 0 20px 40px rgba(0, 212, 166, 0.16);
  --shadow-glow: 0 0 30px rgba(0, 212, 166, 0.3);
}

/* Japan · Tokyo Sakura — Quiet sakura pink on ink */
body.theme-japan {
  --color-primary: #EC4899;
  --color-primary-light: #F9A8D4;
  --color-primary-dark: #BE185D;
  --color-primary-darker: #16060E;

  --color-secondary: #1E293B;
  --color-secondary-light: #475569;
  --color-secondary-dark: #0F172A;

  --color-accent: #F8FAFC;
  --color-accent-light: #FFFFFF;
  --color-accent-dark: #E2E8F0;

  --color-primary-rgb: 236, 72, 153;
  --color-primary-light-rgb: 249, 168, 212;
  --color-primary-dark-rgb: 190, 24, 93;
  --color-primary-darker-rgb: 22, 6, 14;

  --color-secondary-rgb: 30, 41, 59;
  --color-secondary-light-rgb: 71, 85, 105;
  --color-secondary-dark-rgb: 15, 23, 42;

  --color-accent-rgb: 248, 250, 252;

  --border-primary: rgba(236, 72, 153, 0.2);
  --border-secondary: rgba(30, 41, 59, 0.12);

  --gradient-horizontal: linear-gradient(90deg, #EC4899, #BE185D);
  --gradient-primary: linear-gradient(135deg, #BE185D, #EC4899, #F9A8D4);
  --gradient-card-header: linear-gradient(145deg, #16060E, #BE185D, #EC4899);

  --shadow-md: 0 10px 20px rgba(236, 72, 153, 0.2);
  --shadow-lg: 0 15px 30px rgba(236, 72, 153, 0.28);
  --shadow-xl: 0 20px 40px rgba(236, 72, 153, 0.16);
  --shadow-glow: 0 0 30px rgba(236, 72, 153, 0.3);
}

/* China · Imperial Cloud — Imperial red + gold authority */
body.theme-china {
  --color-primary: #DC2626;
  --color-primary-light: #F87171;
  --color-primary-dark: #991B1B;
  --color-primary-darker: #1F0608;

  --color-secondary: #FACC15;
  --color-secondary-light: #FDE047;
  --color-secondary-dark: #CA8A04;

  --color-accent: #1E293B;
  --color-accent-light: #475569;
  --color-accent-dark: #0F172A;

  --color-primary-rgb: 220, 38, 38;
  --color-primary-light-rgb: 248, 113, 113;
  --color-primary-dark-rgb: 153, 27, 27;
  --color-primary-darker-rgb: 31, 6, 8;

  --color-secondary-rgb: 250, 204, 21;
  --color-secondary-light-rgb: 253, 224, 71;
  --color-secondary-dark-rgb: 202, 138, 4;

  --color-accent-rgb: 30, 41, 59;

  --border-primary: rgba(220, 38, 38, 0.2);
  --border-secondary: rgba(250, 204, 21, 0.12);

  --gradient-horizontal: linear-gradient(90deg, #DC2626, #991B1B);
  --gradient-primary: linear-gradient(135deg, #991B1B, #DC2626, #F87171);
  --gradient-card-header: linear-gradient(145deg, #1F0608, #991B1B, #DC2626);

  --shadow-md: 0 10px 20px rgba(220, 38, 38, 0.2);
  --shadow-lg: 0 15px 30px rgba(220, 38, 38, 0.28);
  --shadow-xl: 0 20px 40px rgba(220, 38, 38, 0.16);
  --shadow-glow: 0 0 30px rgba(220, 38, 38, 0.3);
}

/* Korea · Seoul Hyperspeed — Pacific blue + signal red velocity */
body.theme-korea {
  --color-primary: #2563EB;
  --color-primary-light: #60A5FA;
  --color-primary-dark: #1E40AF;
  --color-primary-darker: #060B1A;

  --color-secondary: #DC2626;
  --color-secondary-light: #EF4444;
  --color-secondary-dark: #991B1B;

  --color-accent: #06B6D4;
  --color-accent-light: #67E8F9;
  --color-accent-dark: #0891B2;

  --color-primary-rgb: 37, 99, 235;
  --color-primary-light-rgb: 96, 165, 250;
  --color-primary-dark-rgb: 30, 64, 175;
  --color-primary-darker-rgb: 6, 11, 26;

  --color-secondary-rgb: 220, 38, 38;
  --color-secondary-light-rgb: 239, 68, 68;
  --color-secondary-dark-rgb: 153, 27, 27;

  --color-accent-rgb: 6, 182, 212;

  --border-primary: rgba(37, 99, 235, 0.2);
  --border-secondary: rgba(220, 38, 38, 0.12);

  --gradient-horizontal: linear-gradient(90deg, #2563EB, #1E40AF);
  --gradient-primary: linear-gradient(135deg, #1E40AF, #2563EB, #60A5FA);
  --gradient-card-header: linear-gradient(145deg, #060B1A, #1E40AF, #2563EB);

  --shadow-md: 0 10px 20px rgba(37, 99, 235, 0.2);
  --shadow-lg: 0 15px 30px rgba(37, 99, 235, 0.28);
  --shadow-xl: 0 20px 40px rgba(37, 99, 235, 0.16);
  --shadow-glow: 0 0 30px rgba(37, 99, 235, 0.3);
}

/* India · Bengaluru Cloud — Saffron + cloud blue */
body.theme-india {
  --color-primary: #F97316;
  --color-primary-light: #FDBA74;
  --color-primary-dark: #C2410C;
  --color-primary-darker: #1A0904;

  --color-secondary: #15803D;
  --color-secondary-light: #4ADE80;
  --color-secondary-dark: #14532D;

  --color-accent: #1E40AF;
  --color-accent-light: #60A5FA;
  --color-accent-dark: #1E3A8A;

  --color-primary-rgb: 249, 115, 22;
  --color-primary-light-rgb: 253, 186, 116;
  --color-primary-dark-rgb: 194, 65, 12;
  --color-primary-darker-rgb: 26, 9, 4;

  --color-secondary-rgb: 21, 128, 61;
  --color-secondary-light-rgb: 74, 222, 128;
  --color-secondary-dark-rgb: 20, 83, 45;

  --color-accent-rgb: 30, 64, 175;

  --border-primary: rgba(249, 115, 22, 0.2);
  --border-secondary: rgba(21, 128, 61, 0.12);

  --gradient-horizontal: linear-gradient(90deg, #F97316, #C2410C);
  --gradient-primary: linear-gradient(135deg, #C2410C, #F97316, #FDBA74);
  --gradient-card-header: linear-gradient(145deg, #1A0904, #C2410C, #F97316);

  --shadow-md: 0 10px 20px rgba(249, 115, 22, 0.2);
  --shadow-lg: 0 15px 30px rgba(249, 115, 22, 0.28);
  --shadow-xl: 0 20px 40px rgba(249, 115, 22, 0.16);
  --shadow-glow: 0 0 30px rgba(249, 115, 22, 0.3);
}

/* Brazil · São Paulo Verde — Amazon green + samba sun */
body.theme-brazil {
  --color-primary: #16A34A;
  --color-primary-light: #4ADE80;
  --color-primary-dark: #166534;
  --color-primary-darker: #051A0E;

  --color-secondary: #FACC15;
  --color-secondary-light: #FDE047;
  --color-secondary-dark: #CA8A04;

  --color-accent: #2563EB;
  --color-accent-light: #60A5FA;
  --color-accent-dark: #1E40AF;

  --color-primary-rgb: 22, 163, 74;
  --color-primary-light-rgb: 74, 222, 128;
  --color-primary-dark-rgb: 22, 101, 52;
  --color-primary-darker-rgb: 5, 26, 14;

  --color-secondary-rgb: 250, 204, 21;
  --color-secondary-light-rgb: 253, 224, 71;
  --color-secondary-dark-rgb: 202, 138, 4;

  --color-accent-rgb: 37, 99, 235;

  --border-primary: rgba(22, 163, 74, 0.2);
  --border-secondary: rgba(250, 204, 21, 0.12);

  --gradient-horizontal: linear-gradient(90deg, #16A34A, #166534);
  --gradient-primary: linear-gradient(135deg, #166534, #16A34A, #4ADE80);
  --gradient-card-header: linear-gradient(145deg, #051A0E, #166534, #16A34A);

  --shadow-md: 0 10px 20px rgba(22, 163, 74, 0.2);
  --shadow-lg: 0 15px 30px rgba(22, 163, 74, 0.28);
  --shadow-xl: 0 20px 40px rgba(22, 163, 74, 0.16);
  --shadow-glow: 0 0 30px rgba(22, 163, 74, 0.3);
}

/* Australia · Outback DC — Red soil + bush green */
body.theme-australia {
  --color-primary: #C2410C;
  --color-primary-light: #FB923C;
  --color-primary-dark: #9A3412;
  --color-primary-darker: #1A0805;

  --color-secondary: #15803D;
  --color-secondary-light: #4ADE80;
  --color-secondary-dark: #14532D;

  --color-accent: #FACC15;
  --color-accent-light: #FDE047;
  --color-accent-dark: #CA8A04;

  --color-primary-rgb: 194, 65, 12;
  --color-primary-light-rgb: 251, 146, 60;
  --color-primary-dark-rgb: 154, 52, 18;
  --color-primary-darker-rgb: 26, 8, 5;

  --color-secondary-rgb: 21, 128, 61;
  --color-secondary-light-rgb: 74, 222, 128;
  --color-secondary-dark-rgb: 20, 83, 45;

  --color-accent-rgb: 250, 204, 21;

  --border-primary: rgba(194, 65, 12, 0.2);
  --border-secondary: rgba(21, 128, 61, 0.12);

  --gradient-horizontal: linear-gradient(90deg, #C2410C, #9A3412);
  --gradient-primary: linear-gradient(135deg, #9A3412, #C2410C, #FB923C);
  --gradient-card-header: linear-gradient(145deg, #1A0805, #9A3412, #C2410C);

  --shadow-md: 0 10px 20px rgba(194, 65, 12, 0.2);
  --shadow-lg: 0 15px 30px rgba(194, 65, 12, 0.28);
  --shadow-xl: 0 20px 40px rgba(194, 65, 12, 0.16);
  --shadow-glow: 0 0 30px rgba(194, 65, 12, 0.3);
}

/* Caribbean · Curaçao Aqua — Offshore aqua + sunset coral */
body.theme-caribbean {
  --color-primary: #22D3EE;
  --color-primary-light: #A5F3FC;
  --color-primary-dark: #0EA5E9;
  --color-primary-darker: #061721;

  --color-secondary: #FB7185;
  --color-secondary-light: #FDBA74;
  --color-secondary-dark: #E11D48;

  --color-accent: #FDE047;
  --color-accent-light: #FEF08A;
  --color-accent-dark: #EAB308;

  --color-primary-rgb: 34, 211, 238;
  --color-primary-light-rgb: 165, 243, 252;
  --color-primary-dark-rgb: 14, 165, 233;
  --color-primary-darker-rgb: 6, 23, 33;

  --color-secondary-rgb: 251, 113, 133;
  --color-secondary-light-rgb: 253, 186, 116;
  --color-secondary-dark-rgb: 225, 29, 72;

  --color-accent-rgb: 253, 224, 71;

  --border-primary: rgba(34, 211, 238, 0.2);
  --border-secondary: rgba(251, 113, 133, 0.12);

  --gradient-horizontal: linear-gradient(90deg, #22D3EE, #0EA5E9);
  --gradient-primary: linear-gradient(135deg, #0EA5E9, #22D3EE, #A5F3FC);
  --gradient-card-header: linear-gradient(145deg, #061721, #0EA5E9, #22D3EE);

  --shadow-md: 0 10px 20px rgba(34, 211, 238, 0.2);
  --shadow-lg: 0 15px 30px rgba(34, 211, 238, 0.28);
  --shadow-xl: 0 20px 40px rgba(34, 211, 238, 0.16);
  --shadow-glow: 0 0 30px rgba(34, 211, 238, 0.3);
}

/* Mexico · Aztec Cloud — Agave green + cinder red */
body.theme-mexico {
  --color-primary: #15803D;
  --color-primary-light: #4ADE80;
  --color-primary-dark: #14532D;
  --color-primary-darker: #04140A;

  --color-secondary: #DC2626;
  --color-secondary-light: #EF4444;
  --color-secondary-dark: #991B1B;

  --color-accent: #FACC15;
  --color-accent-light: #FDE047;
  --color-accent-dark: #CA8A04;

  --color-primary-rgb: 21, 128, 61;
  --color-primary-light-rgb: 74, 222, 128;
  --color-primary-dark-rgb: 20, 83, 45;
  --color-primary-darker-rgb: 4, 20, 10;

  --color-secondary-rgb: 220, 38, 38;
  --color-secondary-light-rgb: 239, 68, 68;
  --color-secondary-dark-rgb: 153, 27, 27;

  --color-accent-rgb: 250, 204, 21;

  --border-primary: rgba(21, 128, 61, 0.2);
  --border-secondary: rgba(220, 38, 38, 0.12);

  --gradient-horizontal: linear-gradient(90deg, #15803D, #14532D);
  --gradient-primary: linear-gradient(135deg, #14532D, #15803D, #4ADE80);
  --gradient-card-header: linear-gradient(145deg, #04140A, #14532D, #15803D);

  --shadow-md: 0 10px 20px rgba(21, 128, 61, 0.2);
  --shadow-lg: 0 15px 30px rgba(21, 128, 61, 0.28);
  --shadow-xl: 0 20px 40px rgba(21, 128, 61, 0.16);
  --shadow-glow: 0 0 30px rgba(21, 128, 61, 0.3);
}

/* Poland · Warsaw Eagle — Crimson + chalk + amber */
body.theme-poland {
  --color-primary: #DC2626;
  --color-primary-light: #FCA5A5;
  --color-primary-dark: #991B1B;
  --color-primary-darker: #1A0608;

  --color-secondary: #F8FAFC;
  --color-secondary-light: #FFFFFF;
  --color-secondary-dark: #E2E8F0;

  --color-accent: #FACC15;
  --color-accent-light: #FDE047;
  --color-accent-dark: #CA8A04;

  --color-primary-rgb: 220, 38, 38;
  --color-primary-light-rgb: 252, 165, 165;
  --color-primary-dark-rgb: 153, 27, 27;
  --color-primary-darker-rgb: 26, 6, 8;

  --color-secondary-rgb: 248, 250, 252;
  --color-secondary-light-rgb: 255, 255, 255;
  --color-secondary-dark-rgb: 226, 232, 240;

  --color-accent-rgb: 250, 204, 21;

  --border-primary: rgba(220, 38, 38, 0.2);
  --border-secondary: rgba(248, 250, 252, 0.12);

  --gradient-horizontal: linear-gradient(90deg, #DC2626, #991B1B);
  --gradient-primary: linear-gradient(135deg, #991B1B, #DC2626, #FCA5A5);
  --gradient-card-header: linear-gradient(145deg, #1A0608, #991B1B, #DC2626);

  --shadow-md: 0 10px 20px rgba(220, 38, 38, 0.2);
  --shadow-lg: 0 15px 30px rgba(220, 38, 38, 0.28);
  --shadow-xl: 0 20px 40px rgba(220, 38, 38, 0.16);
  --shadow-glow: 0 0 30px rgba(220, 38, 38, 0.3);
}

/* Offshore Hosting — Offshore routing — deep ocean stealth */
body.theme-offshore-hosting {
  --color-primary: #0EA5E9;
  --color-primary-light: #7DD3FC;
  --color-primary-dark: #7C3AED;
  --color-primary-darker: #050816;

  --color-secondary: #7C3AED;
  --color-secondary-light: #C4B5FD;
  --color-secondary-dark: #4F46E5;

  --color-accent: #22D3EE;
  --color-accent-light: #A5F3FC;
  --color-accent-dark: #06B6D4;

  --color-primary-rgb: 14, 165, 233;
  --color-primary-light-rgb: 125, 211, 252;
  --color-primary-dark-rgb: 124, 58, 237;
  --color-primary-darker-rgb: 5, 8, 22;

  --color-secondary-rgb: 124, 58, 237;
  --color-secondary-light-rgb: 196, 181, 253;
  --color-secondary-dark-rgb: 79, 70, 229;

  --color-accent-rgb: 34, 211, 238;

  --border-primary: rgba(14, 165, 233, 0.2);
  --border-secondary: rgba(124, 58, 237, 0.12);

  --gradient-horizontal: linear-gradient(90deg, #0EA5E9, #7C3AED);
  --gradient-primary: linear-gradient(135deg, #7C3AED, #0EA5E9, #7DD3FC);
  --gradient-card-header: linear-gradient(145deg, #050816, #7C3AED, #0EA5E9);

  --shadow-md: 0 10px 20px rgba(14, 165, 233, 0.2);
  --shadow-lg: 0 15px 30px rgba(14, 165, 233, 0.28);
  --shadow-xl: 0 20px 40px rgba(14, 165, 233, 0.16);
  --shadow-glow: 0 0 30px rgba(14, 165, 233, 0.3);
}

/* Privacy Hosting — Anonymous + private — dark trust */
body.theme-privacy-hosting {
  --color-primary: #0F172A;
  --color-primary-light: #334155;
  --color-primary-dark: #020617;
  --color-primary-darker: #000000;

  --color-secondary: #22C55E;
  --color-secondary-light: #86EFAC;
  --color-secondary-dark: #16A34A;

  --color-accent: #06B6D4;
  --color-accent-light: #67E8F9;
  --color-accent-dark: #0891B2;

  --color-primary-rgb: 15, 23, 42;
  --color-primary-light-rgb: 51, 65, 85;
  --color-primary-dark-rgb: 2, 6, 23;
  --color-primary-darker-rgb: 0, 0, 0;

  --color-secondary-rgb: 34, 197, 94;
  --color-secondary-light-rgb: 134, 239, 172;
  --color-secondary-dark-rgb: 22, 163, 74;

  --color-accent-rgb: 6, 182, 212;

  --border-primary: rgba(15, 23, 42, 0.2);
  --border-secondary: rgba(34, 197, 94, 0.12);

  --gradient-horizontal: linear-gradient(90deg, #0F172A, #020617);
  --gradient-primary: linear-gradient(135deg, #020617, #0F172A, #334155);
  --gradient-card-header: linear-gradient(145deg, #000000, #020617, #0F172A);

  --shadow-md: 0 10px 20px rgba(15, 23, 42, 0.2);
  --shadow-lg: 0 15px 30px rgba(15, 23, 42, 0.28);
  --shadow-xl: 0 20px 40px rgba(15, 23, 42, 0.16);
  --shadow-glow: 0 0 30px rgba(15, 23, 42, 0.3);
}

/* Bitcoin Hosting — BTC accepted — orange chain */
body.theme-bitcoin-hosting {
  --color-primary: #F7931A;
  --color-primary-light: #FFB74D;
  --color-primary-dark: #C2410C;
  --color-primary-darker: #1A0A04;

  --color-secondary: #18181B;
  --color-secondary-light: #3F3F46;
  --color-secondary-dark: #09090B;

  --color-accent: #FACC15;
  --color-accent-light: #FDE047;
  --color-accent-dark: #CA8A04;

  --color-primary-rgb: 247, 147, 26;
  --color-primary-light-rgb: 255, 183, 77;
  --color-primary-dark-rgb: 194, 65, 12;
  --color-primary-darker-rgb: 26, 10, 4;

  --color-secondary-rgb: 24, 24, 27;
  --color-secondary-light-rgb: 63, 63, 70;
  --color-secondary-dark-rgb: 9, 9, 11;

  --color-accent-rgb: 250, 204, 21;

  --border-primary: rgba(247, 147, 26, 0.2);
  --border-secondary: rgba(24, 24, 27, 0.12);

  --gradient-horizontal: linear-gradient(90deg, #F7931A, #C2410C);
  --gradient-primary: linear-gradient(135deg, #C2410C, #F7931A, #FFB74D);
  --gradient-card-header: linear-gradient(145deg, #1A0A04, #C2410C, #F7931A);

  --shadow-md: 0 10px 20px rgba(247, 147, 26, 0.2);
  --shadow-lg: 0 15px 30px rgba(247, 147, 26, 0.28);
  --shadow-xl: 0 20px 40px rgba(247, 147, 26, 0.16);
  --shadow-glow: 0 0 30px rgba(247, 147, 26, 0.3);
}

/* Cybersecurity — Pentest green — terminal trust */
body.theme-cybersecurity {
  --color-primary: #22C55E;
  --color-primary-light: #86EFAC;
  --color-primary-dark: #15803D;
  --color-primary-darker: #050F0A;

  --color-secondary: #18181B;
  --color-secondary-light: #3F3F46;
  --color-secondary-dark: #09090B;

  --color-accent: #38BDF8;
  --color-accent-light: #BAE6FD;
  --color-accent-dark: #0284C7;

  --color-primary-rgb: 34, 197, 94;
  --color-primary-light-rgb: 134, 239, 172;
  --color-primary-dark-rgb: 21, 128, 61;
  --color-primary-darker-rgb: 5, 15, 10;

  --color-secondary-rgb: 24, 24, 27;
  --color-secondary-light-rgb: 63, 63, 70;
  --color-secondary-dark-rgb: 9, 9, 11;

  --color-accent-rgb: 56, 189, 248;

  --border-primary: rgba(34, 197, 94, 0.2);
  --border-secondary: rgba(24, 24, 27, 0.12);

  --gradient-horizontal: linear-gradient(90deg, #22C55E, #15803D);
  --gradient-primary: linear-gradient(135deg, #15803D, #22C55E, #86EFAC);
  --gradient-card-header: linear-gradient(145deg, #050F0A, #15803D, #22C55E);

  --shadow-md: 0 10px 20px rgba(34, 197, 94, 0.2);
  --shadow-lg: 0 15px 30px rgba(34, 197, 94, 0.28);
  --shadow-xl: 0 20px 40px rgba(34, 197, 94, 0.16);
  --shadow-glow: 0 0 30px rgba(34, 197, 94, 0.3);
}

/* DDoS Protection — Mitigation — red shield, steel base */
body.theme-ddos-protection {
  --color-primary: #DC2626;
  --color-primary-light: #F87171;
  --color-primary-dark: #991B1B;
  --color-primary-darker: #1A0608;

  --color-secondary: #1E293B;
  --color-secondary-light: #475569;
  --color-secondary-dark: #0F172A;

  --color-accent: #FACC15;
  --color-accent-light: #FDE047;
  --color-accent-dark: #CA8A04;

  --color-primary-rgb: 220, 38, 38;
  --color-primary-light-rgb: 248, 113, 113;
  --color-primary-dark-rgb: 153, 27, 27;
  --color-primary-darker-rgb: 26, 6, 8;

  --color-secondary-rgb: 30, 41, 59;
  --color-secondary-light-rgb: 71, 85, 105;
  --color-secondary-dark-rgb: 15, 23, 42;

  --color-accent-rgb: 250, 204, 21;

  --border-primary: rgba(220, 38, 38, 0.2);
  --border-secondary: rgba(30, 41, 59, 0.12);

  --gradient-horizontal: linear-gradient(90deg, #DC2626, #991B1B);
  --gradient-primary: linear-gradient(135deg, #991B1B, #DC2626, #F87171);
  --gradient-card-header: linear-gradient(145deg, #1A0608, #991B1B, #DC2626);

  --shadow-md: 0 10px 20px rgba(220, 38, 38, 0.2);
  --shadow-lg: 0 15px 30px rgba(220, 38, 38, 0.28);
  --shadow-xl: 0 20px 40px rgba(220, 38, 38, 0.16);
  --shadow-glow: 0 0 30px rgba(220, 38, 38, 0.3);
}

/* Cloud VPS — Cloud agile — blue + cyan stack */
body.theme-cloud-vps {
  --color-primary: #3B82F6;
  --color-primary-light: #93C5FD;
  --color-primary-dark: #1D4ED8;
  --color-primary-darker: #060B1A;

  --color-secondary: #06B6D4;
  --color-secondary-light: #67E8F9;
  --color-secondary-dark: #0891B2;

  --color-accent: #A855F7;
  --color-accent-light: #C4B5FD;
  --color-accent-dark: #7C3AED;

  --color-primary-rgb: 59, 130, 246;
  --color-primary-light-rgb: 147, 197, 253;
  --color-primary-dark-rgb: 29, 78, 216;
  --color-primary-darker-rgb: 6, 11, 26;

  --color-secondary-rgb: 6, 182, 212;
  --color-secondary-light-rgb: 103, 232, 249;
  --color-secondary-dark-rgb: 8, 145, 178;

  --color-accent-rgb: 168, 85, 247;

  --border-primary: rgba(59, 130, 246, 0.2);
  --border-secondary: rgba(6, 182, 212, 0.12);

  --gradient-horizontal: linear-gradient(90deg, #3B82F6, #1D4ED8);
  --gradient-primary: linear-gradient(135deg, #1D4ED8, #3B82F6, #93C5FD);
  --gradient-card-header: linear-gradient(145deg, #060B1A, #1D4ED8, #3B82F6);

  --shadow-md: 0 10px 20px rgba(59, 130, 246, 0.2);
  --shadow-lg: 0 15px 30px rgba(59, 130, 246, 0.28);
  --shadow-xl: 0 20px 40px rgba(59, 130, 246, 0.16);
  --shadow-glow: 0 0 30px rgba(59, 130, 246, 0.3);
}

/* Dedicated Servers — Bare metal trust — steel + signal blue */
body.theme-dedicated-servers {
  --color-primary: #1D4ED8;
  --color-primary-light: #60A5FA;
  --color-primary-dark: #1E3A8A;
  --color-primary-darker: #060B1A;

  --color-secondary: #64748B;
  --color-secondary-light: #94A3B8;
  --color-secondary-dark: #334155;

  --color-accent: #22C55E;
  --color-accent-light: #86EFAC;
  --color-accent-dark: #16A34A;

  --color-primary-rgb: 29, 78, 216;
  --color-primary-light-rgb: 96, 165, 250;
  --color-primary-dark-rgb: 30, 58, 138;
  --color-primary-darker-rgb: 6, 11, 26;

  --color-secondary-rgb: 100, 116, 139;
  --color-secondary-light-rgb: 148, 163, 184;
  --color-secondary-dark-rgb: 51, 65, 85;

  --color-accent-rgb: 34, 197, 94;

  --border-primary: rgba(29, 78, 216, 0.2);
  --border-secondary: rgba(100, 116, 139, 0.12);

  --gradient-horizontal: linear-gradient(90deg, #1D4ED8, #1E3A8A);
  --gradient-primary: linear-gradient(135deg, #1E3A8A, #1D4ED8, #60A5FA);
  --gradient-card-header: linear-gradient(145deg, #060B1A, #1E3A8A, #1D4ED8);

  --shadow-md: 0 10px 20px rgba(29, 78, 216, 0.2);
  --shadow-lg: 0 15px 30px rgba(29, 78, 216, 0.28);
  --shadow-xl: 0 20px 40px rgba(29, 78, 216, 0.16);
  --shadow-glow: 0 0 30px rgba(29, 78, 216, 0.3);
}

/* Gaming Servers — Low-latency esports — red + cyan */
body.theme-gaming-servers {
  --color-primary: #F43F5E;
  --color-primary-light: #FDA4AF;
  --color-primary-dark: #BE123C;
  --color-primary-darker: #0B0610;

  --color-secondary: #00D4FF;
  --color-secondary-light: #7DD3FC;
  --color-secondary-dark: #0284C7;

  --color-accent: #A3E635;
  --color-accent-light: #D9F99D;
  --color-accent-dark: #65A30D;

  --color-primary-rgb: 244, 63, 94;
  --color-primary-light-rgb: 253, 164, 175;
  --color-primary-dark-rgb: 190, 18, 60;
  --color-primary-darker-rgb: 11, 6, 16;

  --color-secondary-rgb: 0, 212, 255;
  --color-secondary-light-rgb: 125, 211, 252;
  --color-secondary-dark-rgb: 2, 132, 199;

  --color-accent-rgb: 163, 230, 53;

  --border-primary: rgba(244, 63, 94, 0.2);
  --border-secondary: rgba(0, 212, 255, 0.12);

  --gradient-horizontal: linear-gradient(90deg, #F43F5E, #BE123C);
  --gradient-primary: linear-gradient(135deg, #BE123C, #F43F5E, #FDA4AF);
  --gradient-card-header: linear-gradient(145deg, #0B0610, #BE123C, #F43F5E);

  --shadow-md: 0 10px 20px rgba(244, 63, 94, 0.2);
  --shadow-lg: 0 15px 30px rgba(244, 63, 94, 0.28);
  --shadow-xl: 0 20px 40px rgba(244, 63, 94, 0.16);
  --shadow-glow: 0 0 30px rgba(244, 63, 94, 0.3);
}

/* Reseller Hosting — Channel partner — violet + cyan */
body.theme-reseller-hosting {
  --color-primary: #8B5CF6;
  --color-primary-light: #C4B5FD;
  --color-primary-dark: #6D28D9;
  --color-primary-darker: #0A0A1A;

  --color-secondary: #06B6D4;
  --color-secondary-light: #67E8F9;
  --color-secondary-dark: #0891B2;

  --color-accent: #FACC15;
  --color-accent-light: #FDE047;
  --color-accent-dark: #CA8A04;

  --color-primary-rgb: 139, 92, 246;
  --color-primary-light-rgb: 196, 181, 253;
  --color-primary-dark-rgb: 109, 40, 217;
  --color-primary-darker-rgb: 10, 10, 26;

  --color-secondary-rgb: 6, 182, 212;
  --color-secondary-light-rgb: 103, 232, 249;
  --color-secondary-dark-rgb: 8, 145, 178;

  --color-accent-rgb: 250, 204, 21;

  --border-primary: rgba(139, 92, 246, 0.2);
  --border-secondary: rgba(6, 182, 212, 0.12);

  --gradient-horizontal: linear-gradient(90deg, #8B5CF6, #6D28D9);
  --gradient-primary: linear-gradient(135deg, #6D28D9, #8B5CF6, #C4B5FD);
  --gradient-card-header: linear-gradient(145deg, #0A0A1A, #6D28D9, #8B5CF6);

  --shadow-md: 0 10px 20px rgba(139, 92, 246, 0.2);
  --shadow-lg: 0 15px 30px rgba(139, 92, 246, 0.28);
  --shadow-xl: 0 20px 40px rgba(139, 92, 246, 0.16);
  --shadow-glow: 0 0 30px rgba(139, 92, 246, 0.3);
}

/* Enterprise Hosting — Fortune-500 grade — deep blue, green ok */
body.theme-enterprise-hosting {
  --color-primary: #1E40AF;
  --color-primary-light: #93C5FD;
  --color-primary-dark: #312E81;
  --color-primary-darker: #060B1A;

  --color-secondary: #334155;
  --color-secondary-light: #64748B;
  --color-secondary-dark: #1E293B;

  --color-accent: #22C55E;
  --color-accent-light: #86EFAC;
  --color-accent-dark: #16A34A;

  --color-primary-rgb: 30, 64, 175;
  --color-primary-light-rgb: 147, 197, 253;
  --color-primary-dark-rgb: 49, 46, 129;
  --color-primary-darker-rgb: 6, 11, 26;

  --color-secondary-rgb: 51, 65, 85;
  --color-secondary-light-rgb: 100, 116, 139;
  --color-secondary-dark-rgb: 30, 41, 59;

  --color-accent-rgb: 34, 197, 94;

  --border-primary: rgba(30, 64, 175, 0.2);
  --border-secondary: rgba(51, 65, 85, 0.12);

  --gradient-horizontal: linear-gradient(90deg, #1E40AF, #312E81);
  --gradient-primary: linear-gradient(135deg, #312E81, #1E40AF, #93C5FD);
  --gradient-card-header: linear-gradient(145deg, #060B1A, #312E81, #1E40AF);

  --shadow-md: 0 10px 20px rgba(30, 64, 175, 0.2);
  --shadow-lg: 0 15px 30px rgba(30, 64, 175, 0.28);
  --shadow-xl: 0 20px 40px rgba(30, 64, 175, 0.16);
  --shadow-glow: 0 0 30px rgba(30, 64, 175, 0.3);
}

/* Managed Hosting — White-glove ops — teal + cobalt */
body.theme-managed-hosting {
  --color-primary: #0F766E;
  --color-primary-light: #14B8A6;
  --color-primary-dark: #115E59;
  --color-primary-darker: #051A1A;

  --color-secondary: #3B82F6;
  --color-secondary-light: #93C5FD;
  --color-secondary-dark: #1D4ED8;

  --color-accent: #FACC15;
  --color-accent-light: #FDE047;
  --color-accent-dark: #CA8A04;

  --color-primary-rgb: 15, 118, 110;
  --color-primary-light-rgb: 20, 184, 166;
  --color-primary-dark-rgb: 17, 94, 89;
  --color-primary-darker-rgb: 5, 26, 26;

  --color-secondary-rgb: 59, 130, 246;
  --color-secondary-light-rgb: 147, 197, 253;
  --color-secondary-dark-rgb: 29, 78, 216;

  --color-accent-rgb: 250, 204, 21;

  --border-primary: rgba(15, 118, 110, 0.2);
  --border-secondary: rgba(59, 130, 246, 0.12);

  --gradient-horizontal: linear-gradient(90deg, #0F766E, #115E59);
  --gradient-primary: linear-gradient(135deg, #115E59, #0F766E, #14B8A6);
  --gradient-card-header: linear-gradient(145deg, #051A1A, #115E59, #0F766E);

  --shadow-md: 0 10px 20px rgba(15, 118, 110, 0.2);
  --shadow-lg: 0 15px 30px rgba(15, 118, 110, 0.28);
  --shadow-xl: 0 20px 40px rgba(15, 118, 110, 0.16);
  --shadow-glow: 0 0 30px rgba(15, 118, 110, 0.3);
}

/* WordPress Hosting — WP optimized — Automattic blue + amber */
body.theme-wordpress-hosting {
  --color-primary: #21759B;
  --color-primary-light: #5BA9D1;
  --color-primary-dark: #135472;
  --color-primary-darker: #050F18;

  --color-secondary: #29B6F6;
  --color-secondary-light: #81D4FA;
  --color-secondary-dark: #0288D1;

  --color-accent: #FFA000;
  --color-accent-light: #FFC107;
  --color-accent-dark: #FF6F00;

  --color-primary-rgb: 33, 117, 155;
  --color-primary-light-rgb: 91, 169, 209;
  --color-primary-dark-rgb: 19, 84, 114;
  --color-primary-darker-rgb: 5, 15, 24;

  --color-secondary-rgb: 41, 182, 246;
  --color-secondary-light-rgb: 129, 212, 250;
  --color-secondary-dark-rgb: 2, 136, 209;

  --color-accent-rgb: 255, 160, 0;

  --border-primary: rgba(33, 117, 155, 0.2);
  --border-secondary: rgba(41, 182, 246, 0.12);

  --gradient-horizontal: linear-gradient(90deg, #21759B, #135472);
  --gradient-primary: linear-gradient(135deg, #135472, #21759B, #5BA9D1);
  --gradient-card-header: linear-gradient(145deg, #050F18, #135472, #21759B);

  --shadow-md: 0 10px 20px rgba(33, 117, 155, 0.2);
  --shadow-lg: 0 15px 30px rgba(33, 117, 155, 0.28);
  --shadow-xl: 0 20px 40px rgba(33, 117, 155, 0.16);
  --shadow-glow: 0 0 30px rgba(33, 117, 155, 0.3);
}

/* CDN · Edge Network — Edge POPs — cyan + violet */
body.theme-cdn-edge {
  --color-primary: #06B6D4;
  --color-primary-light: #67E8F9;
  --color-primary-dark: #0E7490;
  --color-primary-darker: #051418;

  --color-secondary: #8B5CF6;
  --color-secondary-light: #C4B5FD;
  --color-secondary-dark: #6D28D9;

  --color-accent: #FACC15;
  --color-accent-light: #FDE047;
  --color-accent-dark: #CA8A04;

  --color-primary-rgb: 6, 182, 212;
  --color-primary-light-rgb: 103, 232, 249;
  --color-primary-dark-rgb: 14, 116, 144;
  --color-primary-darker-rgb: 5, 20, 24;

  --color-secondary-rgb: 139, 92, 246;
  --color-secondary-light-rgb: 196, 181, 253;
  --color-secondary-dark-rgb: 109, 40, 217;

  --color-accent-rgb: 250, 204, 21;

  --border-primary: rgba(6, 182, 212, 0.2);
  --border-secondary: rgba(139, 92, 246, 0.12);

  --gradient-horizontal: linear-gradient(90deg, #06B6D4, #0E7490);
  --gradient-primary: linear-gradient(135deg, #0E7490, #06B6D4, #67E8F9);
  --gradient-card-header: linear-gradient(145deg, #051418, #0E7490, #06B6D4);

  --shadow-md: 0 10px 20px rgba(6, 182, 212, 0.2);
  --shadow-lg: 0 15px 30px rgba(6, 182, 212, 0.28);
  --shadow-xl: 0 20px 40px rgba(6, 182, 212, 0.16);
  --shadow-glow: 0 0 30px rgba(6, 182, 212, 0.3);
}

/* Email Hosting — Inbox uptime — calm blue stack */
body.theme-email-hosting {
  --color-primary: #2563EB;
  --color-primary-light: #93C5FD;
  --color-primary-dark: #1D4ED8;
  --color-primary-darker: #060B1A;

  --color-secondary: #06B6D4;
  --color-secondary-light: #67E8F9;
  --color-secondary-dark: #0891B2;

  --color-accent: #22C55E;
  --color-accent-light: #86EFAC;
  --color-accent-dark: #16A34A;

  --color-primary-rgb: 37, 99, 235;
  --color-primary-light-rgb: 147, 197, 253;
  --color-primary-dark-rgb: 29, 78, 216;
  --color-primary-darker-rgb: 6, 11, 26;

  --color-secondary-rgb: 6, 182, 212;
  --color-secondary-light-rgb: 103, 232, 249;
  --color-secondary-dark-rgb: 8, 145, 178;

  --color-accent-rgb: 34, 197, 94;

  --border-primary: rgba(37, 99, 235, 0.2);
  --border-secondary: rgba(6, 182, 212, 0.12);

  --gradient-horizontal: linear-gradient(90deg, #2563EB, #1D4ED8);
  --gradient-primary: linear-gradient(135deg, #1D4ED8, #2563EB, #93C5FD);
  --gradient-card-header: linear-gradient(145deg, #060B1A, #1D4ED8, #2563EB);

  --shadow-md: 0 10px 20px rgba(37, 99, 235, 0.2);
  --shadow-lg: 0 15px 30px rgba(37, 99, 235, 0.28);
  --shadow-xl: 0 20px 40px rgba(37, 99, 235, 0.16);
  --shadow-glow: 0 0 30px rgba(37, 99, 235, 0.3);
}

/* Backup · Disaster Recovery — Restore confidence — slate + green pulse */
body.theme-backup-recovery {
  --color-primary: #475569;
  --color-primary-light: #94A3B8;
  --color-primary-dark: #1E293B;
  --color-primary-darker: #050810;

  --color-secondary: #22C55E;
  --color-secondary-light: #86EFAC;
  --color-secondary-dark: #16A34A;

  --color-accent: #FACC15;
  --color-accent-light: #FDE047;
  --color-accent-dark: #CA8A04;

  --color-primary-rgb: 71, 85, 105;
  --color-primary-light-rgb: 148, 163, 184;
  --color-primary-dark-rgb: 30, 41, 59;
  --color-primary-darker-rgb: 5, 8, 16;

  --color-secondary-rgb: 34, 197, 94;
  --color-secondary-light-rgb: 134, 239, 172;
  --color-secondary-dark-rgb: 22, 163, 74;

  --color-accent-rgb: 250, 204, 21;

  --border-primary: rgba(71, 85, 105, 0.2);
  --border-secondary: rgba(34, 197, 94, 0.12);

  --gradient-horizontal: linear-gradient(90deg, #475569, #1E293B);
  --gradient-primary: linear-gradient(135deg, #1E293B, #475569, #94A3B8);
  --gradient-card-header: linear-gradient(145deg, #050810, #1E293B, #475569);

  --shadow-md: 0 10px 20px rgba(71, 85, 105, 0.2);
  --shadow-lg: 0 15px 30px rgba(71, 85, 105, 0.28);
  --shadow-xl: 0 20px 40px rgba(71, 85, 105, 0.16);
  --shadow-glow: 0 0 30px rgba(71, 85, 105, 0.3);
}

/* GPU Servers — AI render — violet compute + hot pink */
body.theme-gpu-servers {
  --color-primary: #7C3AED;
  --color-primary-light: #C4B5FD;
  --color-primary-dark: #4F46E5;
  --color-primary-darker: #08051A;

  --color-secondary: #FF4FD8;
  --color-secondary-light: #FF72E0;
  --color-secondary-dark: #BE185D;

  --color-accent: #22D3EE;
  --color-accent-light: #A5F3FC;
  --color-accent-dark: #06B6D4;

  --color-primary-rgb: 124, 58, 237;
  --color-primary-light-rgb: 196, 181, 253;
  --color-primary-dark-rgb: 79, 70, 229;
  --color-primary-darker-rgb: 8, 5, 26;

  --color-secondary-rgb: 255, 79, 216;
  --color-secondary-light-rgb: 255, 114, 224;
  --color-secondary-dark-rgb: 190, 24, 93;

  --color-accent-rgb: 34, 211, 238;

  --border-primary: rgba(124, 58, 237, 0.2);
  --border-secondary: rgba(255, 79, 216, 0.12);

  --gradient-horizontal: linear-gradient(90deg, #7C3AED, #4F46E5);
  --gradient-primary: linear-gradient(135deg, #4F46E5, #7C3AED, #C4B5FD);
  --gradient-card-header: linear-gradient(145deg, #08051A, #4F46E5, #7C3AED);

  --shadow-md: 0 10px 20px rgba(124, 58, 237, 0.2);
  --shadow-lg: 0 15px 30px rgba(124, 58, 237, 0.28);
  --shadow-xl: 0 20px 40px rgba(124, 58, 237, 0.16);
  --shadow-glow: 0 0 30px rgba(124, 58, 237, 0.3);
}

/* AI Compute — Inference + training — indigo + cyan */
body.theme-ai-compute {
  --color-primary: #6366F1;
  --color-primary-light: #A5B4FC;
  --color-primary-dark: #4338CA;
  --color-primary-darker: #06081A;

  --color-secondary: #06B6D4;
  --color-secondary-light: #67E8F9;
  --color-secondary-dark: #0891B2;

  --color-accent: #F472B6;
  --color-accent-light: #F9A8D4;
  --color-accent-dark: #DB2777;

  --color-primary-rgb: 99, 102, 241;
  --color-primary-light-rgb: 165, 180, 252;
  --color-primary-dark-rgb: 67, 56, 202;
  --color-primary-darker-rgb: 6, 8, 26;

  --color-secondary-rgb: 6, 182, 212;
  --color-secondary-light-rgb: 103, 232, 249;
  --color-secondary-dark-rgb: 8, 145, 178;

  --color-accent-rgb: 244, 114, 182;

  --border-primary: rgba(99, 102, 241, 0.2);
  --border-secondary: rgba(6, 182, 212, 0.12);

  --gradient-horizontal: linear-gradient(90deg, #6366F1, #4338CA);
  --gradient-primary: linear-gradient(135deg, #4338CA, #6366F1, #A5B4FC);
  --gradient-card-header: linear-gradient(145deg, #06081A, #4338CA, #6366F1);

  --shadow-md: 0 10px 20px rgba(99, 102, 241, 0.2);
  --shadow-lg: 0 15px 30px rgba(99, 102, 241, 0.28);
  --shadow-xl: 0 20px 40px rgba(99, 102, 241, 0.16);
  --shadow-glow: 0 0 30px rgba(99, 102, 241, 0.3);
}

/* 10Gbps Servers — High throughput — lime + electric blue */
body.theme-10gbps-servers {
  --color-primary: #7CFF00;
  --color-primary-light: #D9FF9A;
  --color-primary-dark: #00D4FF;
  --color-primary-darker: #07101A;

  --color-secondary: #00D4FF;
  --color-secondary-light: #67E8F9;
  --color-secondary-dark: #0891B2;

  --color-accent: #FDE047;
  --color-accent-light: #FEF08A;
  --color-accent-dark: #EAB308;

  --color-primary-rgb: 124, 255, 0;
  --color-primary-light-rgb: 217, 255, 154;
  --color-primary-dark-rgb: 0, 212, 255;
  --color-primary-darker-rgb: 7, 16, 26;

  --color-secondary-rgb: 0, 212, 255;
  --color-secondary-light-rgb: 103, 232, 249;
  --color-secondary-dark-rgb: 8, 145, 178;

  --color-accent-rgb: 253, 224, 71;

  --border-primary: rgba(124, 255, 0, 0.2);
  --border-secondary: rgba(0, 212, 255, 0.12);

  --gradient-horizontal: linear-gradient(90deg, #7CFF00, #00D4FF);
  --gradient-primary: linear-gradient(135deg, #00D4FF, #7CFF00, #D9FF9A);
  --gradient-card-header: linear-gradient(145deg, #07101A, #00D4FF, #7CFF00);

  --shadow-md: 0 10px 20px rgba(124, 255, 0, 0.2);
  --shadow-lg: 0 15px 30px rgba(124, 255, 0, 0.28);
  --shadow-xl: 0 20px 40px rgba(124, 255, 0, 0.16);
  --shadow-glow: 0 0 30px rgba(124, 255, 0, 0.3);
}

/* Unmetered Bandwidth — Warp velocity — cyan + magenta speed */
body.theme-unmetered {
  --color-primary: #00E5FF;
  --color-primary-light: #70F0FF;
  --color-primary-dark: #00B7CC;
  --color-primary-darker: #061826;

  --color-secondary: #7CFF00;
  --color-secondary-light: #B8FF66;
  --color-secondary-dark: #4DCC00;

  --color-accent: #FF2BD6;
  --color-accent-light: #FF72E0;
  --color-accent-dark: #D600B0;

  --color-primary-rgb: 0, 229, 255;
  --color-primary-light-rgb: 112, 240, 255;
  --color-primary-dark-rgb: 0, 183, 204;
  --color-primary-darker-rgb: 6, 24, 38;

  --color-secondary-rgb: 124, 255, 0;
  --color-secondary-light-rgb: 184, 255, 102;
  --color-secondary-dark-rgb: 77, 204, 0;

  --color-accent-rgb: 255, 43, 214;

  --border-primary: rgba(0, 229, 255, 0.2);
  --border-secondary: rgba(124, 255, 0, 0.12);

  --gradient-horizontal: linear-gradient(90deg, #00E5FF, #00B7CC);
  --gradient-primary: linear-gradient(135deg, #00B7CC, #00E5FF, #70F0FF);
  --gradient-card-header: linear-gradient(145deg, #061826, #00B7CC, #00E5FF);

  --shadow-md: 0 10px 20px rgba(0, 229, 255, 0.2);
  --shadow-lg: 0 15px 30px rgba(0, 229, 255, 0.28);
  --shadow-xl: 0 20px 40px rgba(0, 229, 255, 0.16);
  --shadow-glow: 0 0 30px rgba(0, 229, 255, 0.3);
}

/* SSD Storage — NVMe flash — teal + cobalt */
body.theme-ssd-storage {
  --color-primary: #14B8A6;
  --color-primary-light: #5EEAD4;
  --color-primary-dark: #0F766E;
  --color-primary-darker: #051A1A;

  --color-secondary: #3B82F6;
  --color-secondary-light: #93C5FD;
  --color-secondary-dark: #1D4ED8;

  --color-accent: #84CC16;
  --color-accent-light: #BEF264;
  --color-accent-dark: #65A30D;

  --color-primary-rgb: 20, 184, 166;
  --color-primary-light-rgb: 94, 234, 212;
  --color-primary-dark-rgb: 15, 118, 110;
  --color-primary-darker-rgb: 5, 26, 26;

  --color-secondary-rgb: 59, 130, 246;
  --color-secondary-light-rgb: 147, 197, 253;
  --color-secondary-dark-rgb: 29, 78, 216;

  --color-accent-rgb: 132, 204, 22;

  --border-primary: rgba(20, 184, 166, 0.2);
  --border-secondary: rgba(59, 130, 246, 0.12);

  --gradient-horizontal: linear-gradient(90deg, #14B8A6, #0F766E);
  --gradient-primary: linear-gradient(135deg, #0F766E, #14B8A6, #5EEAD4);
  --gradient-card-header: linear-gradient(145deg, #051A1A, #0F766E, #14B8A6);

  --shadow-md: 0 10px 20px rgba(20, 184, 166, 0.2);
  --shadow-lg: 0 15px 30px rgba(20, 184, 166, 0.28);
  --shadow-xl: 0 20px 40px rgba(20, 184, 166, 0.16);
  --shadow-glow: 0 0 30px rgba(20, 184, 166, 0.3);
}

/* NVMe Flash — Tier-zero flash — cyan + coral */
body.theme-nvme-flash {
  --color-primary: #06B6D4;
  --color-primary-light: #67E8F9;
  --color-primary-dark: #0E7490;
  --color-primary-darker: #051418;

  --color-secondary: #FB7185;
  --color-secondary-light: #FECDD3;
  --color-secondary-dark: #E11D48;

  --color-accent: #FACC15;
  --color-accent-light: #FDE047;
  --color-accent-dark: #CA8A04;

  --color-primary-rgb: 6, 182, 212;
  --color-primary-light-rgb: 103, 232, 249;
  --color-primary-dark-rgb: 14, 116, 144;
  --color-primary-darker-rgb: 5, 20, 24;

  --color-secondary-rgb: 251, 113, 133;
  --color-secondary-light-rgb: 254, 205, 211;
  --color-secondary-dark-rgb: 225, 29, 72;

  --color-accent-rgb: 250, 204, 21;

  --border-primary: rgba(6, 182, 212, 0.2);
  --border-secondary: rgba(251, 113, 133, 0.12);

  --gradient-horizontal: linear-gradient(90deg, #06B6D4, #0E7490);
  --gradient-primary: linear-gradient(135deg, #0E7490, #06B6D4, #67E8F9);
  --gradient-card-header: linear-gradient(145deg, #051418, #0E7490, #06B6D4);

  --shadow-md: 0 10px 20px rgba(6, 182, 212, 0.2);
  --shadow-lg: 0 15px 30px rgba(6, 182, 212, 0.28);
  --shadow-xl: 0 20px 40px rgba(6, 182, 212, 0.16);
  --shadow-glow: 0 0 30px rgba(6, 182, 212, 0.3);
}

/* KVM VPS — Pure KVM — blue + teal */
body.theme-kvm-vps {
  --color-primary: #3B82F6;
  --color-primary-light: #93C5FD;
  --color-primary-dark: #1D4ED8;
  --color-primary-darker: #060B1A;

  --color-secondary: #14B8A6;
  --color-secondary-light: #5EEAD4;
  --color-secondary-dark: #0F766E;

  --color-accent: #F97316;
  --color-accent-light: #FB923C;
  --color-accent-dark: #C2410C;

  --color-primary-rgb: 59, 130, 246;
  --color-primary-light-rgb: 147, 197, 253;
  --color-primary-dark-rgb: 29, 78, 216;
  --color-primary-darker-rgb: 6, 11, 26;

  --color-secondary-rgb: 20, 184, 166;
  --color-secondary-light-rgb: 94, 234, 212;
  --color-secondary-dark-rgb: 15, 118, 110;

  --color-accent-rgb: 249, 115, 22;

  --border-primary: rgba(59, 130, 246, 0.2);
  --border-secondary: rgba(20, 184, 166, 0.12);

  --gradient-horizontal: linear-gradient(90deg, #3B82F6, #1D4ED8);
  --gradient-primary: linear-gradient(135deg, #1D4ED8, #3B82F6, #93C5FD);
  --gradient-card-header: linear-gradient(145deg, #060B1A, #1D4ED8, #3B82F6);

  --shadow-md: 0 10px 20px rgba(59, 130, 246, 0.2);
  --shadow-lg: 0 15px 30px rgba(59, 130, 246, 0.28);
  --shadow-xl: 0 20px 40px rgba(59, 130, 246, 0.16);
  --shadow-glow: 0 0 30px rgba(59, 130, 246, 0.3);
}

/* Shared Hosting — Starter-friendly — emerald + cyan */
body.theme-shared-hosting {
  --color-primary: #10B981;
  --color-primary-light: #6EE7B7;
  --color-primary-dark: #047857;
  --color-primary-darker: #04140E;

  --color-secondary: #06B6D4;
  --color-secondary-light: #67E8F9;
  --color-secondary-dark: #0891B2;

  --color-accent: #FACC15;
  --color-accent-light: #FDE047;
  --color-accent-dark: #CA8A04;

  --color-primary-rgb: 16, 185, 129;
  --color-primary-light-rgb: 110, 231, 183;
  --color-primary-dark-rgb: 4, 120, 87;
  --color-primary-darker-rgb: 4, 20, 14;

  --color-secondary-rgb: 6, 182, 212;
  --color-secondary-light-rgb: 103, 232, 249;
  --color-secondary-dark-rgb: 8, 145, 178;

  --color-accent-rgb: 250, 204, 21;

  --border-primary: rgba(16, 185, 129, 0.2);
  --border-secondary: rgba(6, 182, 212, 0.12);

  --gradient-horizontal: linear-gradient(90deg, #10B981, #047857);
  --gradient-primary: linear-gradient(135deg, #047857, #10B981, #6EE7B7);
  --gradient-card-header: linear-gradient(145deg, #04140E, #047857, #10B981);

  --shadow-md: 0 10px 20px rgba(16, 185, 129, 0.2);
  --shadow-lg: 0 15px 30px rgba(16, 185, 129, 0.28);
  --shadow-xl: 0 20px 40px rgba(16, 185, 129, 0.16);
  --shadow-glow: 0 0 30px rgba(16, 185, 129, 0.3);
}

/* Domain Registrar — Names on lockdown — navy + amber */
body.theme-domain-registrar {
  --color-primary: #1E40AF;
  --color-primary-light: #60A5FA;
  --color-primary-dark: #1E3A8A;
  --color-primary-darker: #060B1A;

  --color-secondary: #06B6D4;
  --color-secondary-light: #67E8F9;
  --color-secondary-dark: #0891B2;

  --color-accent: #F97316;
  --color-accent-light: #FB923C;
  --color-accent-dark: #C2410C;

  --color-primary-rgb: 30, 64, 175;
  --color-primary-light-rgb: 96, 165, 250;
  --color-primary-dark-rgb: 30, 58, 138;
  --color-primary-darker-rgb: 6, 11, 26;

  --color-secondary-rgb: 6, 182, 212;
  --color-secondary-light-rgb: 103, 232, 249;
  --color-secondary-dark-rgb: 8, 145, 178;

  --color-accent-rgb: 249, 115, 22;

  --border-primary: rgba(30, 64, 175, 0.2);
  --border-secondary: rgba(6, 182, 212, 0.12);

  --gradient-horizontal: linear-gradient(90deg, #1E40AF, #1E3A8A);
  --gradient-primary: linear-gradient(135deg, #1E3A8A, #1E40AF, #60A5FA);
  --gradient-card-header: linear-gradient(145deg, #060B1A, #1E3A8A, #1E40AF);

  --shadow-md: 0 10px 20px rgba(30, 64, 175, 0.2);
  --shadow-lg: 0 15px 30px rgba(30, 64, 175, 0.28);
  --shadow-xl: 0 20px 40px rgba(30, 64, 175, 0.16);
  --shadow-glow: 0 0 30px rgba(30, 64, 175, 0.3);
}

/* SSL · Secure — Always HTTPS — green + dark trust */
body.theme-ssl-secure {
  --color-primary: #16A34A;
  --color-primary-light: #4ADE80;
  --color-primary-dark: #166534;
  --color-primary-darker: #051A0E;

  --color-secondary: #1E293B;
  --color-secondary-light: #475569;
  --color-secondary-dark: #0F172A;

  --color-accent: #FACC15;
  --color-accent-light: #FDE047;
  --color-accent-dark: #CA8A04;

  --color-primary-rgb: 22, 163, 74;
  --color-primary-light-rgb: 74, 222, 128;
  --color-primary-dark-rgb: 22, 101, 52;
  --color-primary-darker-rgb: 5, 26, 14;

  --color-secondary-rgb: 30, 41, 59;
  --color-secondary-light-rgb: 71, 85, 105;
  --color-secondary-dark-rgb: 15, 23, 42;

  --color-accent-rgb: 250, 204, 21;

  --border-primary: rgba(22, 163, 74, 0.2);
  --border-secondary: rgba(30, 41, 59, 0.12);

  --gradient-horizontal: linear-gradient(90deg, #16A34A, #166534);
  --gradient-primary: linear-gradient(135deg, #166534, #16A34A, #4ADE80);
  --gradient-card-header: linear-gradient(145deg, #051A0E, #166534, #16A34A);

  --shadow-md: 0 10px 20px rgba(22, 163, 74, 0.2);
  --shadow-lg: 0 15px 30px rgba(22, 163, 74, 0.28);
  --shadow-xl: 0 20px 40px rgba(22, 163, 74, 0.16);
  --shadow-glow: 0 0 30px rgba(22, 163, 74, 0.3);
}

/* DevOps Platform — CI/CD pipelines — indigo + teal */
body.theme-devops-platform {
  --color-primary: #6366F1;
  --color-primary-light: #A5B4FC;
  --color-primary-dark: #4338CA;
  --color-primary-darker: #06081A;

  --color-secondary: #14B8A6;
  --color-secondary-light: #5EEAD4;
  --color-secondary-dark: #0F766E;

  --color-accent: #F97316;
  --color-accent-light: #FB923C;
  --color-accent-dark: #C2410C;

  --color-primary-rgb: 99, 102, 241;
  --color-primary-light-rgb: 165, 180, 252;
  --color-primary-dark-rgb: 67, 56, 202;
  --color-primary-darker-rgb: 6, 8, 26;

  --color-secondary-rgb: 20, 184, 166;
  --color-secondary-light-rgb: 94, 234, 212;
  --color-secondary-dark-rgb: 15, 118, 110;

  --color-accent-rgb: 249, 115, 22;

  --border-primary: rgba(99, 102, 241, 0.2);
  --border-secondary: rgba(20, 184, 166, 0.12);

  --gradient-horizontal: linear-gradient(90deg, #6366F1, #4338CA);
  --gradient-primary: linear-gradient(135deg, #4338CA, #6366F1, #A5B4FC);
  --gradient-card-header: linear-gradient(145deg, #06081A, #4338CA, #6366F1);

  --shadow-md: 0 10px 20px rgba(99, 102, 241, 0.2);
  --shadow-lg: 0 15px 30px rgba(99, 102, 241, 0.28);
  --shadow-xl: 0 20px 40px rgba(99, 102, 241, 0.16);
  --shadow-glow: 0 0 30px rgba(99, 102, 241, 0.3);
}

/* Kubernetes — K8s orchestration — blue + violet */
body.theme-kubernetes {
  --color-primary: #3B82F6;
  --color-primary-light: #93C5FD;
  --color-primary-dark: #1D4ED8;
  --color-primary-darker: #060B1A;

  --color-secondary: #6366F1;
  --color-secondary-light: #A5B4FC;
  --color-secondary-dark: #4338CA;

  --color-accent: #22D3EE;
  --color-accent-light: #A5F3FC;
  --color-accent-dark: #06B6D4;

  --color-primary-rgb: 59, 130, 246;
  --color-primary-light-rgb: 147, 197, 253;
  --color-primary-dark-rgb: 29, 78, 216;
  --color-primary-darker-rgb: 6, 11, 26;

  --color-secondary-rgb: 99, 102, 241;
  --color-secondary-light-rgb: 165, 180, 252;
  --color-secondary-dark-rgb: 67, 56, 202;

  --color-accent-rgb: 34, 211, 238;

  --border-primary: rgba(59, 130, 246, 0.2);
  --border-secondary: rgba(99, 102, 241, 0.12);

  --gradient-horizontal: linear-gradient(90deg, #3B82F6, #1D4ED8);
  --gradient-primary: linear-gradient(135deg, #1D4ED8, #3B82F6, #93C5FD);
  --gradient-card-header: linear-gradient(145deg, #060B1A, #1D4ED8, #3B82F6);

  --shadow-md: 0 10px 20px rgba(59, 130, 246, 0.2);
  --shadow-lg: 0 15px 30px rgba(59, 130, 246, 0.28);
  --shadow-xl: 0 20px 40px rgba(59, 130, 246, 0.16);
  --shadow-glow: 0 0 30px rgba(59, 130, 246, 0.3);
}

/* Streaming Server — Live broadcast — magenta on ink */
body.theme-streaming-server {
  --color-primary: #EC4899;
  --color-primary-light: #F9A8D4;
  --color-primary-dark: #BE185D;
  --color-primary-darker: #14060E;

  --color-secondary: #1E293B;
  --color-secondary-light: #475569;
  --color-secondary-dark: #0F172A;

  --color-accent: #06B6D4;
  --color-accent-light: #67E8F9;
  --color-accent-dark: #0891B2;

  --color-primary-rgb: 236, 72, 153;
  --color-primary-light-rgb: 249, 168, 212;
  --color-primary-dark-rgb: 190, 24, 93;
  --color-primary-darker-rgb: 20, 6, 14;

  --color-secondary-rgb: 30, 41, 59;
  --color-secondary-light-rgb: 71, 85, 105;
  --color-secondary-dark-rgb: 15, 23, 42;

  --color-accent-rgb: 6, 182, 212;

  --border-primary: rgba(236, 72, 153, 0.2);
  --border-secondary: rgba(30, 41, 59, 0.12);

  --gradient-horizontal: linear-gradient(90deg, #EC4899, #BE185D);
  --gradient-primary: linear-gradient(135deg, #BE185D, #EC4899, #F9A8D4);
  --gradient-card-header: linear-gradient(145deg, #14060E, #BE185D, #EC4899);

  --shadow-md: 0 10px 20px rgba(236, 72, 153, 0.2);
  --shadow-lg: 0 15px 30px rgba(236, 72, 153, 0.28);
  --shadow-xl: 0 20px 40px rgba(236, 72, 153, 0.16);
  --shadow-glow: 0 0 30px rgba(236, 72, 153, 0.3);
}

/* Forex VPS — MT4/MT5 trading — green/ink trust */
body.theme-forex-vps {
  --color-primary: #16A34A;
  --color-primary-light: #4ADE80;
  --color-primary-dark: #166534;
  --color-primary-darker: #050F0A;

  --color-secondary: #1E293B;
  --color-secondary-light: #475569;
  --color-secondary-dark: #0F172A;

  --color-accent: #FACC15;
  --color-accent-light: #FDE047;
  --color-accent-dark: #CA8A04;

  --color-primary-rgb: 22, 163, 74;
  --color-primary-light-rgb: 74, 222, 128;
  --color-primary-dark-rgb: 22, 101, 52;
  --color-primary-darker-rgb: 5, 15, 10;

  --color-secondary-rgb: 30, 41, 59;
  --color-secondary-light-rgb: 71, 85, 105;
  --color-secondary-dark-rgb: 15, 23, 42;

  --color-accent-rgb: 250, 204, 21;

  --border-primary: rgba(22, 163, 74, 0.2);
  --border-secondary: rgba(30, 41, 59, 0.12);

  --gradient-horizontal: linear-gradient(90deg, #16A34A, #166534);
  --gradient-primary: linear-gradient(135deg, #166534, #16A34A, #4ADE80);
  --gradient-card-header: linear-gradient(145deg, #050F0A, #166534, #16A34A);

  --shadow-md: 0 10px 20px rgba(22, 163, 74, 0.2);
  --shadow-lg: 0 15px 30px rgba(22, 163, 74, 0.28);
  --shadow-xl: 0 20px 40px rgba(22, 163, 74, 0.16);
  --shadow-glow: 0 0 30px rgba(22, 163, 74, 0.3);
}

/* Crypto Mining — Hash power — orange chain + mine green */
body.theme-crypto-mining {
  --color-primary: #F7931A;
  --color-primary-light: #FFB74D;
  --color-primary-dark: #C2410C;
  --color-primary-darker: #1A0A04;

  --color-secondary: #18181B;
  --color-secondary-light: #3F3F46;
  --color-secondary-dark: #09090B;

  --color-accent: #22C55E;
  --color-accent-light: #86EFAC;
  --color-accent-dark: #16A34A;

  --color-primary-rgb: 247, 147, 26;
  --color-primary-light-rgb: 255, 183, 77;
  --color-primary-dark-rgb: 194, 65, 12;
  --color-primary-darker-rgb: 26, 10, 4;

  --color-secondary-rgb: 24, 24, 27;
  --color-secondary-light-rgb: 63, 63, 70;
  --color-secondary-dark-rgb: 9, 9, 11;

  --color-accent-rgb: 34, 197, 94;

  --border-primary: rgba(247, 147, 26, 0.2);
  --border-secondary: rgba(24, 24, 27, 0.12);

  --gradient-horizontal: linear-gradient(90deg, #F7931A, #C2410C);
  --gradient-primary: linear-gradient(135deg, #C2410C, #F7931A, #FFB74D);
  --gradient-card-header: linear-gradient(145deg, #1A0A04, #C2410C, #F7931A);

  --shadow-md: 0 10px 20px rgba(247, 147, 26, 0.2);
  --shadow-lg: 0 15px 30px rgba(247, 147, 26, 0.28);
  --shadow-xl: 0 20px 40px rgba(247, 147, 26, 0.16);
  --shadow-glow: 0 0 30px rgba(247, 147, 26, 0.3);
}

/* Obsidian Blue — Premium dark infra — cobalt + sky */
body.theme-obsidian {
  --color-primary: #3B82F6;
  --color-primary-light: #60A5FA;
  --color-primary-dark: #1D4ED8;
  --color-primary-darker: #0B1220;

  --color-secondary: #0EA5E9;
  --color-secondary-light: #38BDF8;
  --color-secondary-dark: #075985;

  --color-accent: #22C55E;
  --color-accent-light: #4ADE80;
  --color-accent-dark: #16A34A;

  --color-primary-rgb: 59, 130, 246;
  --color-primary-light-rgb: 96, 165, 250;
  --color-primary-dark-rgb: 29, 78, 216;
  --color-primary-darker-rgb: 11, 18, 32;

  --color-secondary-rgb: 14, 165, 233;
  --color-secondary-light-rgb: 56, 189, 248;
  --color-secondary-dark-rgb: 7, 89, 133;

  --color-accent-rgb: 34, 197, 94;

  --border-primary: rgba(59, 130, 246, 0.2);
  --border-secondary: rgba(14, 165, 233, 0.12);

  --gradient-horizontal: linear-gradient(90deg, #3B82F6, #1D4ED8);
  --gradient-primary: linear-gradient(135deg, #1D4ED8, #3B82F6, #60A5FA);
  --gradient-card-header: linear-gradient(145deg, #0B1220, #1D4ED8, #3B82F6);

  --shadow-md: 0 10px 20px rgba(59, 130, 246, 0.2);
  --shadow-lg: 0 15px 30px rgba(59, 130, 246, 0.28);
  --shadow-xl: 0 20px 40px rgba(59, 130, 246, 0.16);
  --shadow-glow: 0 0 30px rgba(59, 130, 246, 0.3);
}

/* UnderHost Midnight — House midnight — cobalt + cyan + green */
body.theme-underhost-midnight {
  --color-primary: #3B82F6;
  --color-primary-light: #60A5FA;
  --color-primary-dark: #1D4ED8;
  --color-primary-darker: #071226;

  --color-secondary: #0EA5E9;
  --color-secondary-light: #38BDF8;
  --color-secondary-dark: #075985;

  --color-accent: #22C55E;
  --color-accent-light: #4ADE80;
  --color-accent-dark: #16A34A;

  --color-primary-rgb: 59, 130, 246;
  --color-primary-light-rgb: 96, 165, 250;
  --color-primary-dark-rgb: 29, 78, 216;
  --color-primary-darker-rgb: 7, 18, 38;

  --color-secondary-rgb: 14, 165, 233;
  --color-secondary-light-rgb: 56, 189, 248;
  --color-secondary-dark-rgb: 7, 89, 133;

  --color-accent-rgb: 34, 197, 94;

  --border-primary: rgba(59, 130, 246, 0.2);
  --border-secondary: rgba(14, 165, 233, 0.12);

  --gradient-horizontal: linear-gradient(90deg, #3B82F6, #1D4ED8);
  --gradient-primary: linear-gradient(135deg, #1D4ED8, #3B82F6, #60A5FA);
  --gradient-card-header: linear-gradient(145deg, #071226, #1D4ED8, #3B82F6);

  --shadow-md: 0 10px 20px rgba(59, 130, 246, 0.2);
  --shadow-lg: 0 15px 30px rgba(59, 130, 246, 0.28);
  --shadow-xl: 0 20px 40px rgba(59, 130, 246, 0.16);
  --shadow-glow: 0 0 30px rgba(59, 130, 246, 0.3);
}

/* Graphite Pro — B2B graphite — slate + cobalt */
body.theme-graphite-pro {
  --color-primary: #2563EB;
  --color-primary-light: #60A5FA;
  --color-primary-dark: #1E40AF;
  --color-primary-darker: #0B1220;

  --color-secondary: #334155;
  --color-secondary-light: #475569;
  --color-secondary-dark: #1F2937;

  --color-accent: #22C55E;
  --color-accent-light: #4ADE80;
  --color-accent-dark: #16A34A;

  --color-primary-rgb: 37, 99, 235;
  --color-primary-light-rgb: 96, 165, 250;
  --color-primary-dark-rgb: 30, 64, 175;
  --color-primary-darker-rgb: 11, 18, 32;

  --color-secondary-rgb: 51, 65, 85;
  --color-secondary-light-rgb: 71, 85, 105;
  --color-secondary-dark-rgb: 31, 41, 55;

  --color-accent-rgb: 34, 197, 94;

  --border-primary: rgba(37, 99, 235, 0.2);
  --border-secondary: rgba(51, 65, 85, 0.12);

  --gradient-horizontal: linear-gradient(90deg, #2563EB, #1E40AF);
  --gradient-primary: linear-gradient(135deg, #1E40AF, #2563EB, #60A5FA);
  --gradient-card-header: linear-gradient(145deg, #0B1220, #1E40AF, #2563EB);

  --shadow-md: 0 10px 20px rgba(37, 99, 235, 0.2);
  --shadow-lg: 0 15px 30px rgba(37, 99, 235, 0.28);
  --shadow-xl: 0 20px 40px rgba(37, 99, 235, 0.16);
  --shadow-glow: 0 0 30px rgba(37, 99, 235, 0.3);
}

/* Steel Cyan — Industrial cyan + slate */
body.theme-steel-cyan {
  --color-primary: #06B6D4;
  --color-primary-light: #22D3EE;
  --color-primary-dark: #0891B2;
  --color-primary-darker: #071926;

  --color-secondary: #334155;
  --color-secondary-light: #475569;
  --color-secondary-dark: #1F2937;

  --color-accent: #F59E0B;
  --color-accent-light: #FBBF24;
  --color-accent-dark: #D97706;

  --color-primary-rgb: 6, 182, 212;
  --color-primary-light-rgb: 34, 211, 238;
  --color-primary-dark-rgb: 8, 145, 178;
  --color-primary-darker-rgb: 7, 25, 38;

  --color-secondary-rgb: 51, 65, 85;
  --color-secondary-light-rgb: 71, 85, 105;
  --color-secondary-dark-rgb: 31, 41, 55;

  --color-accent-rgb: 245, 158, 11;

  --border-primary: rgba(6, 182, 212, 0.2);
  --border-secondary: rgba(51, 65, 85, 0.12);

  --gradient-horizontal: linear-gradient(90deg, #06B6D4, #0891B2);
  --gradient-primary: linear-gradient(135deg, #0891B2, #06B6D4, #22D3EE);
  --gradient-card-header: linear-gradient(145deg, #071926, #0891B2, #06B6D4);

  --shadow-md: 0 10px 20px rgba(6, 182, 212, 0.2);
  --shadow-lg: 0 15px 30px rgba(6, 182, 212, 0.28);
  --shadow-xl: 0 20px 40px rgba(6, 182, 212, 0.16);
  --shadow-glow: 0 0 30px rgba(6, 182, 212, 0.3);
}

/* Carbon Lime — Cyber lime — security grid */
body.theme-carbon-lime {
  --color-primary: #A3E635;
  --color-primary-light: #BEF264;
  --color-primary-dark: #65A30D;
  --color-primary-darker: #0B140A;

  --color-secondary: #22C55E;
  --color-secondary-light: #4ADE80;
  --color-secondary-dark: #16A34A;

  --color-accent: #38BDF8;
  --color-accent-light: #7DD3FC;
  --color-accent-dark: #0284C7;

  --color-primary-rgb: 163, 230, 53;
  --color-primary-light-rgb: 190, 242, 100;
  --color-primary-dark-rgb: 101, 163, 13;
  --color-primary-darker-rgb: 11, 20, 10;

  --color-secondary-rgb: 34, 197, 94;
  --color-secondary-light-rgb: 74, 222, 128;
  --color-secondary-dark-rgb: 22, 163, 74;

  --color-accent-rgb: 56, 189, 248;

  --border-primary: rgba(163, 230, 53, 0.2);
  --border-secondary: rgba(34, 197, 94, 0.12);

  --gradient-horizontal: linear-gradient(90deg, #A3E635, #65A30D);
  --gradient-primary: linear-gradient(135deg, #65A30D, #A3E635, #BEF264);
  --gradient-card-header: linear-gradient(145deg, #0B140A, #65A30D, #A3E635);

  --shadow-md: 0 10px 20px rgba(163, 230, 53, 0.2);
  --shadow-lg: 0 15px 30px rgba(163, 230, 53, 0.28);
  --shadow-xl: 0 20px 40px rgba(163, 230, 53, 0.16);
  --shadow-glow: 0 0 30px rgba(163, 230, 53, 0.3);
}

/* Infra Violet — Datacenter violet — AI infra */
body.theme-infra-violet {
  --color-primary: #8B5CF6;
  --color-primary-light: #A78BFA;
  --color-primary-dark: #6D28D9;
  --color-primary-darker: #120B2A;

  --color-secondary: #22D3EE;
  --color-secondary-light: #67E8F9;
  --color-secondary-dark: #0891B2;

  --color-accent: #F59E0B;
  --color-accent-light: #FBBF24;
  --color-accent-dark: #D97706;

  --color-primary-rgb: 139, 92, 246;
  --color-primary-light-rgb: 167, 139, 250;
  --color-primary-dark-rgb: 109, 40, 217;
  --color-primary-darker-rgb: 18, 11, 42;

  --color-secondary-rgb: 34, 211, 238;
  --color-secondary-light-rgb: 103, 232, 249;
  --color-secondary-dark-rgb: 8, 145, 178;

  --color-accent-rgb: 245, 158, 11;

  --border-primary: rgba(139, 92, 246, 0.2);
  --border-secondary: rgba(34, 211, 238, 0.12);

  --gradient-horizontal: linear-gradient(90deg, #8B5CF6, #6D28D9);
  --gradient-primary: linear-gradient(135deg, #6D28D9, #8B5CF6, #A78BFA);
  --gradient-card-header: linear-gradient(145deg, #120B2A, #6D28D9, #8B5CF6);

  --shadow-md: 0 10px 20px rgba(139, 92, 246, 0.2);
  --shadow-lg: 0 15px 30px rgba(139, 92, 246, 0.28);
  --shadow-xl: 0 20px 40px rgba(139, 92, 246, 0.16);
  --shadow-glow: 0 0 30px rgba(139, 92, 246, 0.3);
}

/* Datacenter Teal — Clean trust teal + cobalt */
body.theme-datacenter-teal {
  --color-primary: #14B8A6;
  --color-primary-light: #2DD4BF;
  --color-primary-dark: #0F766E;
  --color-primary-darker: #072A2A;

  --color-secondary: #1D4ED8;
  --color-secondary-light: #3B82F6;
  --color-secondary-dark: #1E3A8A;

  --color-accent: #F97316;
  --color-accent-light: #FB923C;
  --color-accent-dark: #EA580C;

  --color-primary-rgb: 20, 184, 166;
  --color-primary-light-rgb: 45, 212, 191;
  --color-primary-dark-rgb: 15, 118, 110;
  --color-primary-darker-rgb: 7, 42, 42;

  --color-secondary-rgb: 29, 78, 216;
  --color-secondary-light-rgb: 59, 130, 246;
  --color-secondary-dark-rgb: 30, 58, 138;

  --color-accent-rgb: 249, 115, 22;

  --border-primary: rgba(20, 184, 166, 0.2);
  --border-secondary: rgba(29, 78, 216, 0.12);

  --gradient-horizontal: linear-gradient(90deg, #14B8A6, #0F766E);
  --gradient-primary: linear-gradient(135deg, #0F766E, #14B8A6, #2DD4BF);
  --gradient-card-header: linear-gradient(145deg, #072A2A, #0F766E, #14B8A6);

  --shadow-md: 0 10px 20px rgba(20, 184, 166, 0.2);
  --shadow-lg: 0 15px 30px rgba(20, 184, 166, 0.28);
  --shadow-xl: 0 20px 40px rgba(20, 184, 166, 0.16);
  --shadow-glow: 0 0 30px rgba(20, 184, 166, 0.3);
}

/* Copper Voltage — Warm CTA copper + cyan strike */
body.theme-copper-voltage {
  --color-primary: #F97316;
  --color-primary-light: #FDBA74;
  --color-primary-dark: #C2410C;
  --color-primary-darker: #1C0F0A;

  --color-secondary: #0EA5E9;
  --color-secondary-light: #38BDF8;
  --color-secondary-dark: #075985;

  --color-accent: #FDE047;
  --color-accent-light: #FEF08A;
  --color-accent-dark: #EAB308;

  --color-primary-rgb: 249, 115, 22;
  --color-primary-light-rgb: 253, 186, 116;
  --color-primary-dark-rgb: 194, 65, 12;
  --color-primary-darker-rgb: 28, 15, 10;

  --color-secondary-rgb: 14, 165, 233;
  --color-secondary-light-rgb: 56, 189, 248;
  --color-secondary-dark-rgb: 7, 89, 133;

  --color-accent-rgb: 253, 224, 71;

  --border-primary: rgba(249, 115, 22, 0.2);
  --border-secondary: rgba(14, 165, 233, 0.12);

  --gradient-horizontal: linear-gradient(90deg, #F97316, #C2410C);
  --gradient-primary: linear-gradient(135deg, #C2410C, #F97316, #FDBA74);
  --gradient-card-header: linear-gradient(145deg, #1C0F0A, #C2410C, #F97316);

  --shadow-md: 0 10px 20px rgba(249, 115, 22, 0.2);
  --shadow-lg: 0 15px 30px rgba(249, 115, 22, 0.28);
  --shadow-xl: 0 20px 40px rgba(249, 115, 22, 0.16);
  --shadow-glow: 0 0 30px rgba(249, 115, 22, 0.3);
}

/* Sentinel Red — Strong CTA red on cobalt base */
body.theme-sentinel-red {
  --color-primary: #E11D48;
  --color-primary-light: #FB7185;
  --color-primary-dark: #BE123C;
  --color-primary-darker: #210812;

  --color-secondary: #2563EB;
  --color-secondary-light: #60A5FA;
  --color-secondary-dark: #1D4ED8;

  --color-accent: #F59E0B;
  --color-accent-light: #FBBF24;
  --color-accent-dark: #D97706;

  --color-primary-rgb: 225, 29, 72;
  --color-primary-light-rgb: 251, 113, 133;
  --color-primary-dark-rgb: 190, 18, 60;
  --color-primary-darker-rgb: 33, 8, 18;

  --color-secondary-rgb: 37, 99, 235;
  --color-secondary-light-rgb: 96, 165, 250;
  --color-secondary-dark-rgb: 29, 78, 216;

  --color-accent-rgb: 245, 158, 11;

  --border-primary: rgba(225, 29, 72, 0.2);
  --border-secondary: rgba(37, 99, 235, 0.12);

  --gradient-horizontal: linear-gradient(90deg, #E11D48, #BE123C);
  --gradient-primary: linear-gradient(135deg, #BE123C, #E11D48, #FB7185);
  --gradient-card-header: linear-gradient(145deg, #210812, #BE123C, #E11D48);

  --shadow-md: 0 10px 20px rgba(225, 29, 72, 0.2);
  --shadow-lg: 0 15px 30px rgba(225, 29, 72, 0.28);
  --shadow-xl: 0 20px 40px rgba(225, 29, 72, 0.16);
  --shadow-glow: 0 0 30px rgba(225, 29, 72, 0.3);
}

/* Proton Gray — Enterprise minimal — quiet blue */
body.theme-proton-gray {
  --color-primary: #3B82F6;
  --color-primary-light: #93C5FD;
  --color-primary-dark: #1E40AF;
  --color-primary-darker: #0B1220;

  --color-secondary: #64748B;
  --color-secondary-light: #94A3B8;
  --color-secondary-dark: #334155;

  --color-accent: #22C55E;
  --color-accent-light: #86EFAC;
  --color-accent-dark: #16A34A;

  --color-primary-rgb: 59, 130, 246;
  --color-primary-light-rgb: 147, 197, 253;
  --color-primary-dark-rgb: 30, 64, 175;
  --color-primary-darker-rgb: 11, 18, 32;

  --color-secondary-rgb: 100, 116, 139;
  --color-secondary-light-rgb: 148, 163, 184;
  --color-secondary-dark-rgb: 51, 65, 85;

  --color-accent-rgb: 34, 197, 94;

  --border-primary: rgba(59, 130, 246, 0.2);
  --border-secondary: rgba(100, 116, 139, 0.12);

  --gradient-horizontal: linear-gradient(90deg, #3B82F6, #1E40AF);
  --gradient-primary: linear-gradient(135deg, #1E40AF, #3B82F6, #93C5FD);
  --gradient-card-header: linear-gradient(145deg, #0B1220, #1E40AF, #3B82F6);

  --shadow-md: 0 10px 20px rgba(59, 130, 246, 0.2);
  --shadow-lg: 0 15px 30px rgba(59, 130, 246, 0.28);
  --shadow-xl: 0 20px 40px rgba(59, 130, 246, 0.16);
  --shadow-glow: 0 0 30px rgba(59, 130, 246, 0.3);
}

/* Polar Night — Dark + crisp cyan + violet */
body.theme-polar-night {
  --color-primary: #22D3EE;
  --color-primary-light: #67E8F9;
  --color-primary-dark: #0891B2;
  --color-primary-darker: #070B16;

  --color-secondary: #60A5FA;
  --color-secondary-light: #93C5FD;
  --color-secondary-dark: #2563EB;

  --color-accent: #A78BFA;
  --color-accent-light: #C4B5FD;
  --color-accent-dark: #8B5CF6;

  --color-primary-rgb: 34, 211, 238;
  --color-primary-light-rgb: 103, 232, 249;
  --color-primary-dark-rgb: 8, 145, 178;
  --color-primary-darker-rgb: 7, 11, 22;

  --color-secondary-rgb: 96, 165, 250;
  --color-secondary-light-rgb: 147, 197, 253;
  --color-secondary-dark-rgb: 37, 99, 235;

  --color-accent-rgb: 167, 139, 250;

  --border-primary: rgba(34, 211, 238, 0.2);
  --border-secondary: rgba(96, 165, 250, 0.12);

  --gradient-horizontal: linear-gradient(90deg, #22D3EE, #0891B2);
  --gradient-primary: linear-gradient(135deg, #0891B2, #22D3EE, #67E8F9);
  --gradient-card-header: linear-gradient(145deg, #070B16, #0891B2, #22D3EE);

  --shadow-md: 0 10px 20px rgba(34, 211, 238, 0.2);
  --shadow-lg: 0 15px 30px rgba(34, 211, 238, 0.28);
  --shadow-xl: 0 20px 40px rgba(34, 211, 238, 0.16);
  --shadow-glow: 0 0 30px rgba(34, 211, 238, 0.3);
}

/* Crystal Clear — Crystal cyan + cobalt clarity */
body.theme-crystal {
  --color-primary: #1EC8FF;
  --color-primary-light: #A7F3FF;
  --color-primary-dark: #1463FF;
  --color-primary-darker: #071423;

  --color-secondary: #1463FF;
  --color-secondary-light: #60A5FA;
  --color-secondary-dark: #1E40AF;

  --color-accent: #FFFFFF;
  --color-accent-light: #E8FBFF;
  --color-accent-dark: #BFEFFF;

  --color-primary-rgb: 30, 200, 255;
  --color-primary-light-rgb: 167, 243, 255;
  --color-primary-dark-rgb: 20, 99, 255;
  --color-primary-darker-rgb: 7, 20, 35;

  --color-secondary-rgb: 20, 99, 255;
  --color-secondary-light-rgb: 96, 165, 250;
  --color-secondary-dark-rgb: 30, 64, 175;

  --color-accent-rgb: 255, 255, 255;

  --border-primary: rgba(30, 200, 255, 0.2);
  --border-secondary: rgba(20, 99, 255, 0.12);

  --gradient-horizontal: linear-gradient(90deg, #1EC8FF, #1463FF);
  --gradient-primary: linear-gradient(135deg, #1463FF, #1EC8FF, #A7F3FF);
  --gradient-card-header: linear-gradient(145deg, #071423, #1463FF, #1EC8FF);

  --shadow-md: 0 10px 20px rgba(30, 200, 255, 0.2);
  --shadow-lg: 0 15px 30px rgba(30, 200, 255, 0.28);
  --shadow-xl: 0 20px 40px rgba(30, 200, 255, 0.16);
  --shadow-glow: 0 0 30px rgba(30, 200, 255, 0.3);
}

/* Soft Voltage — Soft gold + violet voltage */
body.theme-soft-voltage {
  --color-primary: #FFD54A;
  --color-primary-light: #FFF2B6;
  --color-primary-dark: #7C3AED;
  --color-primary-darker: #0C1021;

  --color-secondary: #7C3AED;
  --color-secondary-light: #A78BFA;
  --color-secondary-dark: #4F46E5;

  --color-accent: #2EE9A6;
  --color-accent-light: #7AF3C9;
  --color-accent-dark: #10B981;

  --color-primary-rgb: 255, 213, 74;
  --color-primary-light-rgb: 255, 242, 182;
  --color-primary-dark-rgb: 124, 58, 237;
  --color-primary-darker-rgb: 12, 16, 33;

  --color-secondary-rgb: 124, 58, 237;
  --color-secondary-light-rgb: 167, 139, 250;
  --color-secondary-dark-rgb: 79, 70, 229;

  --color-accent-rgb: 46, 233, 166;

  --border-primary: rgba(255, 213, 74, 0.2);
  --border-secondary: rgba(124, 58, 237, 0.12);

  --gradient-horizontal: linear-gradient(90deg, #FFD54A, #7C3AED);
  --gradient-primary: linear-gradient(135deg, #7C3AED, #FFD54A, #FFF2B6);
  --gradient-card-header: linear-gradient(145deg, #0C1021, #7C3AED, #FFD54A);

  --shadow-md: 0 10px 20px rgba(255, 213, 74, 0.2);
  --shadow-lg: 0 15px 30px rgba(255, 213, 74, 0.28);
  --shadow-xl: 0 20px 40px rgba(255, 213, 74, 0.16);
  --shadow-glow: 0 0 30px rgba(255, 213, 74, 0.3);
}

/* Mint Breeze — Mint freshness + cyan ocean */
body.theme-mint-breeze {
  --color-primary: #34D399;
  --color-primary-light: #A7F3D0;
  --color-primary-dark: #0EA5E9;
  --color-primary-darker: #061A14;

  --color-secondary: #0EA5E9;
  --color-secondary-light: #67E8F9;
  --color-secondary-dark: #0284C7;

  --color-accent: #FFFFFF;
  --color-accent-light: #EFFFF7;
  --color-accent-dark: #CFFAE6;

  --color-primary-rgb: 52, 211, 153;
  --color-primary-light-rgb: 167, 243, 208;
  --color-primary-dark-rgb: 14, 165, 233;
  --color-primary-darker-rgb: 6, 26, 20;

  --color-secondary-rgb: 14, 165, 233;
  --color-secondary-light-rgb: 103, 232, 249;
  --color-secondary-dark-rgb: 2, 132, 199;

  --color-accent-rgb: 255, 255, 255;

  --border-primary: rgba(52, 211, 153, 0.2);
  --border-secondary: rgba(14, 165, 233, 0.12);

  --gradient-horizontal: linear-gradient(90deg, #34D399, #0EA5E9);
  --gradient-primary: linear-gradient(135deg, #0EA5E9, #34D399, #A7F3D0);
  --gradient-card-header: linear-gradient(145deg, #061A14, #0EA5E9, #34D399);

  --shadow-md: 0 10px 20px rgba(52, 211, 153, 0.2);
  --shadow-lg: 0 15px 30px rgba(52, 211, 153, 0.28);
  --shadow-xl: 0 20px 40px rgba(52, 211, 153, 0.16);
  --shadow-glow: 0 0 30px rgba(52, 211, 153, 0.3);
}

/* Lavender Mist — Lavender calm + indigo + rose */
body.theme-lavender-mist {
  --color-primary: #A78BFA;
  --color-primary-light: #E9D5FF;
  --color-primary-dark: #6366F1;
  --color-primary-darker: #160B2D;

  --color-secondary: #6366F1;
  --color-secondary-light: #A5B4FC;
  --color-secondary-dark: #4338CA;

  --color-accent: #F472B6;
  --color-accent-light: #FBCFE8;
  --color-accent-dark: #EC4899;

  --color-primary-rgb: 167, 139, 250;
  --color-primary-light-rgb: 233, 213, 255;
  --color-primary-dark-rgb: 99, 102, 241;
  --color-primary-darker-rgb: 22, 11, 45;

  --color-secondary-rgb: 99, 102, 241;
  --color-secondary-light-rgb: 165, 180, 252;
  --color-secondary-dark-rgb: 67, 56, 202;

  --color-accent-rgb: 244, 114, 182;

  --border-primary: rgba(167, 139, 250, 0.2);
  --border-secondary: rgba(99, 102, 241, 0.12);

  --gradient-horizontal: linear-gradient(90deg, #A78BFA, #6366F1);
  --gradient-primary: linear-gradient(135deg, #6366F1, #A78BFA, #E9D5FF);
  --gradient-card-header: linear-gradient(145deg, #160B2D, #6366F1, #A78BFA);

  --shadow-md: 0 10px 20px rgba(167, 139, 250, 0.2);
  --shadow-lg: 0 15px 30px rgba(167, 139, 250, 0.28);
  --shadow-xl: 0 20px 40px rgba(167, 139, 250, 0.16);
  --shadow-glow: 0 0 30px rgba(167, 139, 250, 0.3);
}

/* Ocean Foam — Ocean foam — clean teal */
body.theme-ocean-foam {
  --color-primary: #2DD4BF;
  --color-primary-light: #99F6E4;
  --color-primary-dark: #0284C7;
  --color-primary-darker: #041B1D;

  --color-secondary: #0284C7;
  --color-secondary-light: #38BDF8;
  --color-secondary-dark: #0369A1;

  --color-accent: #F8FAFC;
  --color-accent-light: #ECFEFF;
  --color-accent-dark: #CFFAFE;

  --color-primary-rgb: 45, 212, 191;
  --color-primary-light-rgb: 153, 246, 228;
  --color-primary-dark-rgb: 2, 132, 199;
  --color-primary-darker-rgb: 4, 27, 29;

  --color-secondary-rgb: 2, 132, 199;
  --color-secondary-light-rgb: 56, 189, 248;
  --color-secondary-dark-rgb: 3, 105, 161;

  --color-accent-rgb: 248, 250, 252;

  --border-primary: rgba(45, 212, 191, 0.2);
  --border-secondary: rgba(2, 132, 199, 0.12);

  --gradient-horizontal: linear-gradient(90deg, #2DD4BF, #0284C7);
  --gradient-primary: linear-gradient(135deg, #0284C7, #2DD4BF, #99F6E4);
  --gradient-card-header: linear-gradient(145deg, #041B1D, #0284C7, #2DD4BF);

  --shadow-md: 0 10px 20px rgba(45, 212, 191, 0.2);
  --shadow-lg: 0 15px 30px rgba(45, 212, 191, 0.28);
  --shadow-xl: 0 20px 40px rgba(45, 212, 191, 0.16);
  --shadow-glow: 0 0 30px rgba(45, 212, 191, 0.3);
}

/* Peach Fizz — Warm peach CTA + amber */
body.theme-peach-fizz {
  --color-primary: #FB7185;
  --color-primary-light: #FFD6A8;
  --color-primary-dark: #F97316;
  --color-primary-darker: #1A0B08;

  --color-secondary: #F97316;
  --color-secondary-light: #FDBA74;
  --color-secondary-dark: #C2410C;

  --color-accent: #FDE68A;
  --color-accent-light: #FEF3C7;
  --color-accent-dark: #F59E0B;

  --color-primary-rgb: 251, 113, 133;
  --color-primary-light-rgb: 255, 214, 168;
  --color-primary-dark-rgb: 249, 115, 22;
  --color-primary-darker-rgb: 26, 11, 8;

  --color-secondary-rgb: 249, 115, 22;
  --color-secondary-light-rgb: 253, 186, 116;
  --color-secondary-dark-rgb: 194, 65, 12;

  --color-accent-rgb: 253, 230, 138;

  --border-primary: rgba(251, 113, 133, 0.2);
  --border-secondary: rgba(249, 115, 22, 0.12);

  --gradient-horizontal: linear-gradient(90deg, #FB7185, #F97316);
  --gradient-primary: linear-gradient(135deg, #F97316, #FB7185, #FFD6A8);
  --gradient-card-header: linear-gradient(145deg, #1A0B08, #F97316, #FB7185);

  --shadow-md: 0 10px 20px rgba(251, 113, 133, 0.2);
  --shadow-lg: 0 15px 30px rgba(251, 113, 133, 0.28);
  --shadow-xl: 0 20px 40px rgba(251, 113, 133, 0.16);
  --shadow-glow: 0 0 30px rgba(251, 113, 133, 0.3);
}

/* Clean Slate — Minimal slate + sky accent */
body.theme-clean-slate {
  --color-primary: #64748B;
  --color-primary-light: #CBD5E1;
  --color-primary-dark: #334155;
  --color-primary-darker: #0B1220;

  --color-secondary: #334155;
  --color-secondary-light: #475569;
  --color-secondary-dark: #1E293B;

  --color-accent: #38BDF8;
  --color-accent-light: #BAE6FD;
  --color-accent-dark: #0284C7;

  --color-primary-rgb: 100, 116, 139;
  --color-primary-light-rgb: 203, 213, 225;
  --color-primary-dark-rgb: 51, 65, 85;
  --color-primary-darker-rgb: 11, 18, 32;

  --color-secondary-rgb: 51, 65, 85;
  --color-secondary-light-rgb: 71, 85, 105;
  --color-secondary-dark-rgb: 30, 41, 59;

  --color-accent-rgb: 56, 189, 248;

  --border-primary: rgba(100, 116, 139, 0.2);
  --border-secondary: rgba(51, 65, 85, 0.12);

  --gradient-horizontal: linear-gradient(90deg, #64748B, #334155);
  --gradient-primary: linear-gradient(135deg, #334155, #64748B, #CBD5E1);
  --gradient-card-header: linear-gradient(145deg, #0B1220, #334155, #64748B);

  --shadow-md: 0 10px 20px rgba(100, 116, 139, 0.2);
  --shadow-lg: 0 15px 30px rgba(100, 116, 139, 0.28);
  --shadow-xl: 0 20px 40px rgba(100, 116, 139, 0.16);
  --shadow-glow: 0 0 30px rgba(100, 116, 139, 0.3);
}

/* Sunrise Alert — Urgent sunrise — coral + amber */
body.theme-sunrise-alert {
  --color-primary: #F43F5E;
  --color-primary-light: #FDA4AF;
  --color-primary-dark: #DC2626;
  --color-primary-darker: #1B0B10;

  --color-secondary: #F97316;
  --color-secondary-light: #FB923C;
  --color-secondary-dark: #C2410C;

  --color-accent: #FDE047;
  --color-accent-light: #FEF08A;
  --color-accent-dark: #EAB308;

  --color-primary-rgb: 244, 63, 94;
  --color-primary-light-rgb: 253, 164, 175;
  --color-primary-dark-rgb: 220, 38, 38;
  --color-primary-darker-rgb: 27, 11, 16;

  --color-secondary-rgb: 249, 115, 22;
  --color-secondary-light-rgb: 251, 146, 60;
  --color-secondary-dark-rgb: 194, 65, 12;

  --color-accent-rgb: 253, 224, 71;

  --border-primary: rgba(244, 63, 94, 0.2);
  --border-secondary: rgba(249, 115, 22, 0.12);

  --gradient-horizontal: linear-gradient(90deg, #F43F5E, #DC2626);
  --gradient-primary: linear-gradient(135deg, #DC2626, #F43F5E, #FDA4AF);
  --gradient-card-header: linear-gradient(145deg, #1B0B10, #DC2626, #F43F5E);

  --shadow-md: 0 10px 20px rgba(244, 63, 94, 0.2);
  --shadow-lg: 0 15px 30px rgba(244, 63, 94, 0.28);
  --shadow-xl: 0 20px 40px rgba(244, 63, 94, 0.16);
  --shadow-glow: 0 0 30px rgba(244, 63, 94, 0.3);
}

/* Warp 25 — 25Gbps velocity — cyan + lime + magenta */
body.theme-warp25 {
  --color-primary: #00E5FF;
  --color-primary-light: #70F0FF;
  --color-primary-dark: #00B7CC;
  --color-primary-darker: #061826;

  --color-secondary: #7CFF00;
  --color-secondary-light: #B8FF66;
  --color-secondary-dark: #4DCC00;

  --color-accent: #FF2BD6;
  --color-accent-light: #FF72E0;
  --color-accent-dark: #D600B0;

  --color-primary-rgb: 0, 229, 255;
  --color-primary-light-rgb: 112, 240, 255;
  --color-primary-dark-rgb: 0, 183, 204;
  --color-primary-darker-rgb: 6, 24, 38;

  --color-secondary-rgb: 124, 255, 0;
  --color-secondary-light-rgb: 184, 255, 102;
  --color-secondary-dark-rgb: 77, 204, 0;

  --color-accent-rgb: 255, 43, 214;

  --border-primary: rgba(0, 229, 255, 0.2);
  --border-secondary: rgba(124, 255, 0, 0.12);

  --gradient-horizontal: linear-gradient(90deg, #00E5FF, #00B7CC);
  --gradient-primary: linear-gradient(135deg, #00B7CC, #00E5FF, #70F0FF);
  --gradient-card-header: linear-gradient(145deg, #061826, #00B7CC, #00E5FF);

  --shadow-md: 0 10px 20px rgba(0, 229, 255, 0.2);
  --shadow-lg: 0 15px 30px rgba(0, 229, 255, 0.28);
  --shadow-xl: 0 20px 40px rgba(0, 229, 255, 0.16);
  --shadow-glow: 0 0 30px rgba(0, 229, 255, 0.3);
}

/* Neon Genesis — Cyberpunk neon trio */
body.theme-neon-genesis {
  --color-primary: #00FFFF;
  --color-primary-light: #7FFFD4;
  --color-primary-dark: #00CCCC;
  --color-primary-darker: #0B0B1F;

  --color-secondary: #FF00FF;
  --color-secondary-light: #FF7BC8;
  --color-secondary-dark: #CC00CC;

  --color-accent: #FFFF00;
  --color-accent-light: #FFE55C;
  --color-accent-dark: #CCCC00;

  --color-primary-rgb: 0, 255, 255;
  --color-primary-light-rgb: 127, 255, 212;
  --color-primary-dark-rgb: 0, 204, 204;
  --color-primary-darker-rgb: 11, 11, 31;

  --color-secondary-rgb: 255, 0, 255;
  --color-secondary-light-rgb: 255, 123, 200;
  --color-secondary-dark-rgb: 204, 0, 204;

  --color-accent-rgb: 255, 255, 0;

  --border-primary: rgba(0, 255, 255, 0.2);
  --border-secondary: rgba(255, 0, 255, 0.12);

  --gradient-horizontal: linear-gradient(90deg, #00FFFF, #00CCCC);
  --gradient-primary: linear-gradient(135deg, #00CCCC, #00FFFF, #7FFFD4);
  --gradient-card-header: linear-gradient(145deg, #0B0B1F, #00CCCC, #00FFFF);

  --shadow-md: 0 10px 20px rgba(0, 255, 255, 0.2);
  --shadow-lg: 0 15px 30px rgba(0, 255, 255, 0.28);
  --shadow-xl: 0 20px 40px rgba(0, 255, 255, 0.16);
  --shadow-glow: 0 0 30px rgba(0, 255, 255, 0.3);
}

/* Quantum Pulse — Quantum indigo + lavender + rose */
body.theme-quantum {
  --color-primary: #4F46E5;
  --color-primary-light: #818CF8;
  --color-primary-dark: #4338CA;
  --color-primary-darker: #14182F;

  --color-secondary: #C084FC;
  --color-secondary-light: #D8B4FE;
  --color-secondary-dark: #A855F7;

  --color-accent: #F472B6;
  --color-accent-light: #F9A8D4;
  --color-accent-dark: #DB2777;

  --color-primary-rgb: 79, 70, 229;
  --color-primary-light-rgb: 129, 140, 248;
  --color-primary-dark-rgb: 67, 56, 202;
  --color-primary-darker-rgb: 20, 24, 47;

  --color-secondary-rgb: 192, 132, 252;
  --color-secondary-light-rgb: 216, 180, 254;
  --color-secondary-dark-rgb: 168, 85, 247;

  --color-accent-rgb: 244, 114, 182;

  --border-primary: rgba(79, 70, 229, 0.2);
  --border-secondary: rgba(192, 132, 252, 0.12);

  --gradient-horizontal: linear-gradient(90deg, #4F46E5, #4338CA);
  --gradient-primary: linear-gradient(135deg, #4338CA, #4F46E5, #818CF8);
  --gradient-card-header: linear-gradient(145deg, #14182F, #4338CA, #4F46E5);

  --shadow-md: 0 10px 20px rgba(79, 70, 229, 0.2);
  --shadow-lg: 0 15px 30px rgba(79, 70, 229, 0.28);
  --shadow-xl: 0 20px 40px rgba(79, 70, 229, 0.16);
  --shadow-glow: 0 0 30px rgba(79, 70, 229, 0.3);
}

/* Holographic — Holographic shimmer — violet/pink/sky */
body.theme-holographic {
  --color-primary: #A855F7;
  --color-primary-light: #D8B4FE;
  --color-primary-dark: #7E22CE;
  --color-primary-darker: #1A0B2E;

  --color-secondary: #EC4899;
  --color-secondary-light: #F9A8D4;
  --color-secondary-dark: #BE185D;

  --color-accent: #38BDF8;
  --color-accent-light: #7DD3FC;
  --color-accent-dark: #0284C7;

  --color-primary-rgb: 168, 85, 247;
  --color-primary-light-rgb: 216, 180, 254;
  --color-primary-dark-rgb: 126, 34, 206;
  --color-primary-darker-rgb: 26, 11, 46;

  --color-secondary-rgb: 236, 72, 153;
  --color-secondary-light-rgb: 249, 168, 212;
  --color-secondary-dark-rgb: 190, 24, 93;

  --color-accent-rgb: 56, 189, 248;

  --border-primary: rgba(168, 85, 247, 0.2);
  --border-secondary: rgba(236, 72, 153, 0.12);

  --gradient-horizontal: linear-gradient(90deg, #A855F7, #7E22CE);
  --gradient-primary: linear-gradient(135deg, #7E22CE, #A855F7, #D8B4FE);
  --gradient-card-header: linear-gradient(145deg, #1A0B2E, #7E22CE, #A855F7);

  --shadow-md: 0 10px 20px rgba(168, 85, 247, 0.2);
  --shadow-lg: 0 15px 30px rgba(168, 85, 247, 0.28);
  --shadow-xl: 0 20px 40px rgba(168, 85, 247, 0.16);
  --shadow-glow: 0 0 30px rgba(168, 85, 247, 0.3);
}

/* Plasma Reactor — High energy plasma — red + amber + cyan */
body.theme-plasma {
  --color-primary: #FF3B3B;
  --color-primary-light: #FF6B6B;
  --color-primary-dark: #E02B2B;
  --color-primary-darker: #1A0B0B;

  --color-secondary: #FFB800;
  --color-secondary-light: #FFD966;
  --color-secondary-dark: #CC9200;

  --color-accent: #00E5FF;
  --color-accent-light: #70F0FF;
  --color-accent-dark: #00B7CC;

  --color-primary-rgb: 255, 59, 59;
  --color-primary-light-rgb: 255, 107, 107;
  --color-primary-dark-rgb: 224, 43, 43;
  --color-primary-darker-rgb: 26, 11, 11;

  --color-secondary-rgb: 255, 184, 0;
  --color-secondary-light-rgb: 255, 217, 102;
  --color-secondary-dark-rgb: 204, 146, 0;

  --color-accent-rgb: 0, 229, 255;

  --border-primary: rgba(255, 59, 59, 0.2);
  --border-secondary: rgba(255, 184, 0, 0.12);

  --gradient-horizontal: linear-gradient(90deg, #FF3B3B, #E02B2B);
  --gradient-primary: linear-gradient(135deg, #E02B2B, #FF3B3B, #FF6B6B);
  --gradient-card-header: linear-gradient(145deg, #1A0B0B, #E02B2B, #FF3B3B);

  --shadow-md: 0 10px 20px rgba(255, 59, 59, 0.2);
  --shadow-lg: 0 15px 30px rgba(255, 59, 59, 0.28);
  --shadow-xl: 0 20px 40px rgba(255, 59, 59, 0.16);
  --shadow-glow: 0 0 30px rgba(255, 59, 59, 0.3);
}

/* Synthwave — Retro-future neon — magenta + cyan + gold */
body.theme-synthwave {
  --color-primary: #FF1EAD;
  --color-primary-light: #FF7BDA;
  --color-primary-dark: #CC0099;
  --color-primary-darker: #1A0B1F;

  --color-secondary: #36F5F0;
  --color-secondary-light: #8FFCF8;
  --color-secondary-dark: #0BC5C0;

  --color-accent: #FFD300;
  --color-accent-light: #FFE766;
  --color-accent-dark: #CCAA00;

  --color-primary-rgb: 255, 30, 173;
  --color-primary-light-rgb: 255, 123, 218;
  --color-primary-dark-rgb: 204, 0, 153;
  --color-primary-darker-rgb: 26, 11, 31;

  --color-secondary-rgb: 54, 245, 240;
  --color-secondary-light-rgb: 143, 252, 248;
  --color-secondary-dark-rgb: 11, 197, 192;

  --color-accent-rgb: 255, 211, 0;

  --border-primary: rgba(255, 30, 173, 0.2);
  --border-secondary: rgba(54, 245, 240, 0.12);

  --gradient-horizontal: linear-gradient(90deg, #FF1EAD, #CC0099);
  --gradient-primary: linear-gradient(135deg, #CC0099, #FF1EAD, #FF7BDA);
  --gradient-card-header: linear-gradient(145deg, #1A0B1F, #CC0099, #FF1EAD);

  --shadow-md: 0 10px 20px rgba(255, 30, 173, 0.2);
  --shadow-lg: 0 15px 30px rgba(255, 30, 173, 0.28);
  --shadow-xl: 0 20px 40px rgba(255, 30, 173, 0.16);
  --shadow-glow: 0 0 30px rgba(255, 30, 173, 0.3);
}

/* Cyber Noir — Cyber noir void — violet + red + mint */
body.theme-cyber-noir {
  --color-primary: #6C5CE7;
  --color-primary-light: #A29BFE;
  --color-primary-dark: #5649C0;
  --color-primary-darker: #0B0B15;

  --color-secondary: #E84342;
  --color-secondary-light: #FF7675;
  --color-secondary-dark: #C0392B;

  --color-accent: #00B894;
  --color-accent-light: #55EFC4;
  --color-accent-dark: #008E72;

  --color-primary-rgb: 108, 92, 231;
  --color-primary-light-rgb: 162, 155, 254;
  --color-primary-dark-rgb: 86, 73, 192;
  --color-primary-darker-rgb: 11, 11, 21;

  --color-secondary-rgb: 232, 67, 66;
  --color-secondary-light-rgb: 255, 118, 117;
  --color-secondary-dark-rgb: 192, 57, 43;

  --color-accent-rgb: 0, 184, 148;

  --border-primary: rgba(108, 92, 231, 0.2);
  --border-secondary: rgba(232, 67, 66, 0.12);

  --gradient-horizontal: linear-gradient(90deg, #6C5CE7, #5649C0);
  --gradient-primary: linear-gradient(135deg, #5649C0, #6C5CE7, #A29BFE);
  --gradient-card-header: linear-gradient(145deg, #0B0B15, #5649C0, #6C5CE7);

  --shadow-md: 0 10px 20px rgba(108, 92, 231, 0.2);
  --shadow-lg: 0 15px 30px rgba(108, 92, 231, 0.28);
  --shadow-xl: 0 20px 40px rgba(108, 92, 231, 0.16);
  --shadow-glow: 0 0 30px rgba(108, 92, 231, 0.3);
}

/* Liquid Crystal — Prismatic — sky + lilac + rose */
body.theme-liquid-crystal {
  --color-primary: #0FB5E8;
  --color-primary-light: #6CD4FF;
  --color-primary-dark: #0A8FC0;
  --color-primary-darker: #0A1A2A;

  --color-secondary: #C77DFF;
  --color-secondary-light: #E0AAFF;
  --color-secondary-dark: #9D4EDD;

  --color-accent: #FF99C8;
  --color-accent-light: #FFC0E0;
  --color-accent-dark: #F26CA7;

  --color-primary-rgb: 15, 181, 232;
  --color-primary-light-rgb: 108, 212, 255;
  --color-primary-dark-rgb: 10, 143, 192;
  --color-primary-darker-rgb: 10, 26, 42;

  --color-secondary-rgb: 199, 125, 255;
  --color-secondary-light-rgb: 224, 170, 255;
  --color-secondary-dark-rgb: 157, 78, 221;

  --color-accent-rgb: 255, 153, 200;

  --border-primary: rgba(15, 181, 232, 0.2);
  --border-secondary: rgba(199, 125, 255, 0.12);

  --gradient-horizontal: linear-gradient(90deg, #0FB5E8, #0A8FC0);
  --gradient-primary: linear-gradient(135deg, #0A8FC0, #0FB5E8, #6CD4FF);
  --gradient-card-header: linear-gradient(145deg, #0A1A2A, #0A8FC0, #0FB5E8);

  --shadow-md: 0 10px 20px rgba(15, 181, 232, 0.2);
  --shadow-lg: 0 15px 30px rgba(15, 181, 232, 0.28);
  --shadow-xl: 0 20px 40px rgba(15, 181, 232, 0.16);
  --shadow-glow: 0 0 30px rgba(15, 181, 232, 0.3);
}

/* Hyperdrive — Hyperdrive speed — red + blue + gold */
body.theme-hyperdrive {
  --color-primary: #FF4D4D;
  --color-primary-light: #FF8080;
  --color-primary-dark: #E63939;
  --color-primary-darker: #1A0A0A;

  --color-secondary: #4D9EFF;
  --color-secondary-light: #80B8FF;
  --color-secondary-dark: #3A7AD9;

  --color-accent: #FFD966;
  --color-accent-light: #FFE899;
  --color-accent-dark: #E6B84D;

  --color-primary-rgb: 255, 77, 77;
  --color-primary-light-rgb: 255, 128, 128;
  --color-primary-dark-rgb: 230, 57, 57;
  --color-primary-darker-rgb: 26, 10, 10;

  --color-secondary-rgb: 77, 158, 255;
  --color-secondary-light-rgb: 128, 184, 255;
  --color-secondary-dark-rgb: 58, 122, 217;

  --color-accent-rgb: 255, 217, 102;

  --border-primary: rgba(255, 77, 77, 0.2);
  --border-secondary: rgba(77, 158, 255, 0.12);

  --gradient-horizontal: linear-gradient(90deg, #FF4D4D, #E63939);
  --gradient-primary: linear-gradient(135deg, #E63939, #FF4D4D, #FF8080);
  --gradient-card-header: linear-gradient(145deg, #1A0A0A, #E63939, #FF4D4D);

  --shadow-md: 0 10px 20px rgba(255, 77, 77, 0.2);
  --shadow-lg: 0 15px 30px rgba(255, 77, 77, 0.28);
  --shadow-xl: 0 20px 40px rgba(255, 77, 77, 0.16);
  --shadow-glow: 0 0 30px rgba(255, 77, 77, 0.3);
}

/* Aurora Borealis — Northern lights — mint + lilac + amber */
body.theme-aurora-borealis {
  --color-primary: #56F0C4;
  --color-primary-light: #9EF5DA;
  --color-primary-dark: #3CCF9F;
  --color-primary-darker: #0A2620;

  --color-secondary: #C77DFF;
  --color-secondary-light: #E0AAFF;
  --color-secondary-dark: #9D4EDD;

  --color-accent: #FFB347;
  --color-accent-light: #FFCD7E;
  --color-accent-dark: #E69533;

  --color-primary-rgb: 86, 240, 196;
  --color-primary-light-rgb: 158, 245, 218;
  --color-primary-dark-rgb: 60, 207, 159;
  --color-primary-darker-rgb: 10, 38, 32;

  --color-secondary-rgb: 199, 125, 255;
  --color-secondary-light-rgb: 224, 170, 255;
  --color-secondary-dark-rgb: 157, 78, 221;

  --color-accent-rgb: 255, 179, 71;

  --border-primary: rgba(86, 240, 196, 0.2);
  --border-secondary: rgba(199, 125, 255, 0.12);

  --gradient-horizontal: linear-gradient(90deg, #56F0C4, #3CCF9F);
  --gradient-primary: linear-gradient(135deg, #3CCF9F, #56F0C4, #9EF5DA);
  --gradient-card-header: linear-gradient(145deg, #0A2620, #3CCF9F, #56F0C4);

  --shadow-md: 0 10px 20px rgba(86, 240, 196, 0.2);
  --shadow-lg: 0 15px 30px rgba(86, 240, 196, 0.28);
  --shadow-xl: 0 20px 40px rgba(86, 240, 196, 0.16);
  --shadow-glow: 0 0 30px rgba(86, 240, 196, 0.3);
}

/* Cyber Fusion — Neon mesh fusion — pink + teal + amber */
body.theme-cyber-fusion {
  --color-primary: #F065E4;
  --color-primary-light: #F7A6F0;
  --color-primary-dark: #C74DBB;
  --color-primary-darker: #1F0F1E;

  --color-secondary: #4AD9D9;
  --color-secondary-light: #8FEDED;
  --color-secondary-dark: #2FB0B0;

  --color-accent: #F9C74F;
  --color-accent-light: #FCE38A;
  --color-accent-dark: #E6AD2F;

  --color-primary-rgb: 240, 101, 228;
  --color-primary-light-rgb: 247, 166, 240;
  --color-primary-dark-rgb: 199, 77, 187;
  --color-primary-darker-rgb: 31, 15, 30;

  --color-secondary-rgb: 74, 217, 217;
  --color-secondary-light-rgb: 143, 237, 237;
  --color-secondary-dark-rgb: 47, 176, 176;

  --color-accent-rgb: 249, 199, 79;

  --border-primary: rgba(240, 101, 228, 0.2);
  --border-secondary: rgba(74, 217, 217, 0.12);

  --gradient-horizontal: linear-gradient(90deg, #F065E4, #C74DBB);
  --gradient-primary: linear-gradient(135deg, #C74DBB, #F065E4, #F7A6F0);
  --gradient-card-header: linear-gradient(145deg, #1F0F1E, #C74DBB, #F065E4);

  --shadow-md: 0 10px 20px rgba(240, 101, 228, 0.2);
  --shadow-lg: 0 15px 30px rgba(240, 101, 228, 0.28);
  --shadow-xl: 0 20px 40px rgba(240, 101, 228, 0.16);
  --shadow-glow: 0 0 30px rgba(240, 101, 228, 0.3);
}

/* Aqua Pulse — Aqua data pulse — sky + cobalt */
body.theme-aqua-pulse {
  --color-primary: #00A3FF;
  --color-primary-light: #4DC3FF;
  --color-primary-dark: #0077FF;
  --color-primary-darker: #0A1A3A;

  --color-secondary: #00D4FF;
  --color-secondary-light: #70E4FF;
  --color-secondary-dark: #00A3CC;

  --color-accent: #7FAAFF;
  --color-accent-light: #A6C5FF;
  --color-accent-dark: #4D7FFF;

  --color-primary-rgb: 0, 163, 255;
  --color-primary-light-rgb: 77, 195, 255;
  --color-primary-dark-rgb: 0, 119, 255;
  --color-primary-darker-rgb: 10, 26, 58;

  --color-secondary-rgb: 0, 212, 255;
  --color-secondary-light-rgb: 112, 228, 255;
  --color-secondary-dark-rgb: 0, 163, 204;

  --color-accent-rgb: 127, 170, 255;

  --border-primary: rgba(0, 163, 255, 0.2);
  --border-secondary: rgba(0, 212, 255, 0.12);

  --gradient-horizontal: linear-gradient(90deg, #00A3FF, #0077FF);
  --gradient-primary: linear-gradient(135deg, #0077FF, #00A3FF, #4DC3FF);
  --gradient-card-header: linear-gradient(145deg, #0A1A3A, #0077FF, #00A3FF);

  --shadow-md: 0 10px 20px rgba(0, 163, 255, 0.2);
  --shadow-lg: 0 15px 30px rgba(0, 163, 255, 0.28);
  --shadow-xl: 0 20px 40px rgba(0, 163, 255, 0.16);
  --shadow-glow: 0 0 30px rgba(0, 163, 255, 0.3);
}

/* UnderHost Navy — Corporate navy — clean tech */
body.theme-underhost-navy {
  --color-primary: #0077FF;
  --color-primary-light: #00B6E7;
  --color-primary-dark: #176EA5;
  --color-primary-darker: #0D1F3C;

  --color-secondary: #176EA5;
  --color-secondary-light: #00B6E7;
  --color-secondary-dark: #0D1F3C;

  --color-accent: #334155;
  --color-accent-light: #4B5565;
  --color-accent-dark: #1F2937;

  --color-primary-rgb: 0, 119, 255;
  --color-primary-light-rgb: 0, 182, 231;
  --color-primary-dark-rgb: 23, 110, 165;
  --color-primary-darker-rgb: 13, 31, 60;

  --color-secondary-rgb: 23, 110, 165;
  --color-secondary-light-rgb: 0, 182, 231;
  --color-secondary-dark-rgb: 13, 31, 60;

  --color-accent-rgb: 51, 65, 85;

  --border-primary: rgba(0, 119, 255, 0.2);
  --border-secondary: rgba(23, 110, 165, 0.12);

  --gradient-horizontal: linear-gradient(90deg, #0077FF, #176EA5);
  --gradient-primary: linear-gradient(135deg, #176EA5, #0077FF, #00B6E7);
  --gradient-card-header: linear-gradient(145deg, #0D1F3C, #176EA5, #0077FF);

  --shadow-md: 0 10px 20px rgba(0, 119, 255, 0.2);
  --shadow-lg: 0 15px 30px rgba(0, 119, 255, 0.28);
  --shadow-xl: 0 20px 40px rgba(0, 119, 255, 0.16);
  --shadow-glow: 0 0 30px rgba(0, 119, 255, 0.3);
}

/* Gold Premium — Premium gold — luxury hosting */
body.theme-gold-premium {
  --color-primary: #D4AF37;
  --color-primary-light: #F2D27C;
  --color-primary-dark: #B88A1E;
  --color-primary-darker: #0B1B34;

  --color-secondary: #B88A1E;
  --color-secondary-light: #D4AF37;
  --color-secondary-dark: #0B1B34;

  --color-accent: #111827;
  --color-accent-light: #1F2937;
  --color-accent-dark: #0B0F17;

  --color-primary-rgb: 212, 175, 55;
  --color-primary-light-rgb: 242, 210, 124;
  --color-primary-dark-rgb: 184, 138, 30;
  --color-primary-darker-rgb: 11, 27, 52;

  --color-secondary-rgb: 184, 138, 30;
  --color-secondary-light-rgb: 212, 175, 55;
  --color-secondary-dark-rgb: 11, 27, 52;

  --color-accent-rgb: 17, 24, 39;

  --border-primary: rgba(212, 175, 55, 0.2);
  --border-secondary: rgba(184, 138, 30, 0.12);

  --gradient-horizontal: linear-gradient(90deg, #D4AF37, #B88A1E);
  --gradient-primary: linear-gradient(135deg, #B88A1E, #D4AF37, #F2D27C);
  --gradient-card-header: linear-gradient(145deg, #0B1B34, #B88A1E, #D4AF37);

  --shadow-md: 0 10px 20px rgba(212, 175, 55, 0.2);
  --shadow-lg: 0 15px 30px rgba(212, 175, 55, 0.28);
  --shadow-xl: 0 20px 40px rgba(212, 175, 55, 0.16);
  --shadow-glow: 0 0 30px rgba(212, 175, 55, 0.3);
}

/* Luxury Burgundy — Burgundy + champagne luxe */
body.theme-burgundy {
  --color-primary: #7A1028;
  --color-primary-light: #C08F7A;
  --color-primary-dark: #5A0B1D;
  --color-primary-darker: #0B0B0F;

  --color-secondary: #5A0B1D;
  --color-secondary-light: #7A1028;
  --color-secondary-dark: #0B0B0F;

  --color-accent: #E7D8B1;
  --color-accent-light: #F0E5CA;
  --color-accent-dark: #D4BF8A;

  --color-primary-rgb: 122, 16, 40;
  --color-primary-light-rgb: 192, 143, 122;
  --color-primary-dark-rgb: 90, 11, 29;
  --color-primary-darker-rgb: 11, 11, 15;

  --color-secondary-rgb: 90, 11, 29;
  --color-secondary-light-rgb: 122, 16, 40;
  --color-secondary-dark-rgb: 11, 11, 15;

  --color-accent-rgb: 231, 216, 177;

  --border-primary: rgba(122, 16, 40, 0.2);
  --border-secondary: rgba(90, 11, 29, 0.12);

  --gradient-horizontal: linear-gradient(90deg, #7A1028, #5A0B1D);
  --gradient-primary: linear-gradient(135deg, #5A0B1D, #7A1028, #C08F7A);
  --gradient-card-header: linear-gradient(145deg, #0B0B0F, #5A0B1D, #7A1028);

  --shadow-md: 0 10px 20px rgba(122, 16, 40, 0.2);
  --shadow-lg: 0 15px 30px rgba(122, 16, 40, 0.28);
  --shadow-xl: 0 20px 40px rgba(122, 16, 40, 0.16);
  --shadow-glow: 0 0 30px rgba(122, 16, 40, 0.3);
}

/* Royal Purple — Electric royal — violet + magenta */
body.theme-royal-purple {
  --color-primary: #7C3AED;
  --color-primary-light: #A855F7;
  --color-primary-dark: #4F46E5;
  --color-primary-darker: #3B1B6D;

  --color-secondary: #4F46E5;
  --color-secondary-light: #7C3AED;
  --color-secondary-dark: #3B1B6D;

  --color-accent: #FF4FD8;
  --color-accent-light: #FF72E0;
  --color-accent-dark: #E62EC0;

  --color-primary-rgb: 124, 58, 237;
  --color-primary-light-rgb: 168, 85, 247;
  --color-primary-dark-rgb: 79, 70, 229;
  --color-primary-darker-rgb: 59, 27, 109;

  --color-secondary-rgb: 79, 70, 229;
  --color-secondary-light-rgb: 124, 58, 237;
  --color-secondary-dark-rgb: 59, 27, 109;

  --color-accent-rgb: 255, 79, 216;

  --border-primary: rgba(124, 58, 237, 0.2);
  --border-secondary: rgba(79, 70, 229, 0.12);

  --gradient-horizontal: linear-gradient(90deg, #7C3AED, #4F46E5);
  --gradient-primary: linear-gradient(135deg, #4F46E5, #7C3AED, #A855F7);
  --gradient-card-header: linear-gradient(145deg, #3B1B6D, #4F46E5, #7C3AED);

  --shadow-md: 0 10px 20px rgba(124, 58, 237, 0.2);
  --shadow-lg: 0 15px 30px rgba(124, 58, 237, 0.28);
  --shadow-xl: 0 20px 40px rgba(124, 58, 237, 0.16);
  --shadow-glow: 0 0 30px rgba(124, 58, 237, 0.3);
}

/* Arctic Ice — Arctic ice — sky + cyan + slate */
body.theme-arctic {
  --color-primary: #60A5FA;
  --color-primary-light: #22D3EE;
  --color-primary-dark: #475569;
  --color-primary-darker: #0B1F3A;

  --color-secondary: #22D3EE;
  --color-secondary-light: #60A5FA;
  --color-secondary-dark: #0B1F3A;

  --color-accent: #94A3B8;
  --color-accent-light: #CBD5E1;
  --color-accent-dark: #64748B;

  --color-primary-rgb: 96, 165, 250;
  --color-primary-light-rgb: 34, 211, 238;
  --color-primary-dark-rgb: 71, 85, 105;
  --color-primary-darker-rgb: 11, 31, 58;

  --color-secondary-rgb: 34, 211, 238;
  --color-secondary-light-rgb: 96, 165, 250;
  --color-secondary-dark-rgb: 11, 31, 58;

  --color-accent-rgb: 148, 163, 184;

  --border-primary: rgba(96, 165, 250, 0.2);
  --border-secondary: rgba(34, 211, 238, 0.12);

  --gradient-horizontal: linear-gradient(90deg, #60A5FA, #475569);
  --gradient-primary: linear-gradient(135deg, #475569, #60A5FA, #22D3EE);
  --gradient-card-header: linear-gradient(145deg, #0B1F3A, #475569, #60A5FA);

  --shadow-md: 0 10px 20px rgba(96, 165, 250, 0.2);
  --shadow-lg: 0 15px 30px rgba(96, 165, 250, 0.28);
  --shadow-xl: 0 20px 40px rgba(96, 165, 250, 0.16);
  --shadow-glow: 0 0 30px rgba(96, 165, 250, 0.3);
}

/* Emerald Pro — Emerald pro — green + teal */
body.theme-emerald-pro {
  --color-primary: #10B981;
  --color-primary-light: #14B8A6;
  --color-primary-dark: #047857;
  --color-primary-darker: #0F172A;

  --color-secondary: #047857;
  --color-secondary-light: #10B981;
  --color-secondary-dark: #0F172A;

  --color-accent: #34D399;
  --color-accent-light: #6EE7B7;
  --color-accent-dark: #059669;

  --color-primary-rgb: 16, 185, 129;
  --color-primary-light-rgb: 20, 184, 166;
  --color-primary-dark-rgb: 4, 120, 87;
  --color-primary-darker-rgb: 15, 23, 42;

  --color-secondary-rgb: 4, 120, 87;
  --color-secondary-light-rgb: 16, 185, 129;
  --color-secondary-dark-rgb: 15, 23, 42;

  --color-accent-rgb: 52, 211, 153;

  --border-primary: rgba(16, 185, 129, 0.2);
  --border-secondary: rgba(4, 120, 87, 0.12);

  --gradient-horizontal: linear-gradient(90deg, #10B981, #047857);
  --gradient-primary: linear-gradient(135deg, #047857, #10B981, #14B8A6);
  --gradient-card-header: linear-gradient(145deg, #0F172A, #047857, #10B981);

  --shadow-md: 0 10px 20px rgba(16, 185, 129, 0.2);
  --shadow-lg: 0 15px 30px rgba(16, 185, 129, 0.28);
  --shadow-xl: 0 20px 40px rgba(16, 185, 129, 0.16);
  --shadow-glow: 0 0 30px rgba(16, 185, 129, 0.3);
}

/* Sunset Orange — Sunset warmth — orange on navy */
body.theme-sunset-orange {
  --color-primary: #F97316;
  --color-primary-light: #FDBA74;
  --color-primary-dark: #C2410C;
  --color-primary-darker: #0D1F3C;

  --color-secondary: #C2410C;
  --color-secondary-light: #F97316;
  --color-secondary-dark: #0D1F3C;

  --color-accent: #FB923C;
  --color-accent-light: #FDB47E;
  --color-accent-dark: #EA580C;

  --color-primary-rgb: 249, 115, 22;
  --color-primary-light-rgb: 253, 186, 116;
  --color-primary-dark-rgb: 194, 65, 12;
  --color-primary-darker-rgb: 13, 31, 60;

  --color-secondary-rgb: 194, 65, 12;
  --color-secondary-light-rgb: 249, 115, 22;
  --color-secondary-dark-rgb: 13, 31, 60;

  --color-accent-rgb: 251, 146, 60;

  --border-primary: rgba(249, 115, 22, 0.2);
  --border-secondary: rgba(194, 65, 12, 0.12);

  --gradient-horizontal: linear-gradient(90deg, #F97316, #C2410C);
  --gradient-primary: linear-gradient(135deg, #C2410C, #F97316, #FDBA74);
  --gradient-card-header: linear-gradient(145deg, #0D1F3C, #C2410C, #F97316);

  --shadow-md: 0 10px 20px rgba(249, 115, 22, 0.2);
  --shadow-lg: 0 15px 30px rgba(249, 115, 22, 0.28);
  --shadow-xl: 0 20px 40px rgba(249, 115, 22, 0.16);
  --shadow-glow: 0 0 30px rgba(249, 115, 22, 0.3);
}

/* Ruby Red — Energetic ruby + ember amber */
body.theme-ruby-red {
  --color-primary: #DC2626;
  --color-primary-light: #EF4444;
  --color-primary-dark: #B91C1C;
  --color-primary-darker: #7F1D1D;

  --color-secondary: #F97316;
  --color-secondary-light: #FB923C;
  --color-secondary-dark: #EA580C;

  --color-accent: #F59E0B;
  --color-accent-light: #FBBF24;
  --color-accent-dark: #D97706;

  --color-primary-rgb: 220, 38, 38;
  --color-primary-light-rgb: 239, 68, 68;
  --color-primary-dark-rgb: 185, 28, 28;
  --color-primary-darker-rgb: 127, 29, 29;

  --color-secondary-rgb: 249, 115, 22;
  --color-secondary-light-rgb: 251, 146, 60;
  --color-secondary-dark-rgb: 234, 88, 12;

  --color-accent-rgb: 245, 158, 11;

  --border-primary: rgba(220, 38, 38, 0.2);
  --border-secondary: rgba(249, 115, 22, 0.12);

  --gradient-horizontal: linear-gradient(90deg, #DC2626, #B91C1C);
  --gradient-primary: linear-gradient(135deg, #B91C1C, #DC2626, #EF4444);
  --gradient-card-header: linear-gradient(145deg, #7F1D1D, #B91C1C, #DC2626);

  --shadow-md: 0 10px 20px rgba(220, 38, 38, 0.2);
  --shadow-lg: 0 15px 30px rgba(220, 38, 38, 0.28);
  --shadow-xl: 0 20px 40px rgba(220, 38, 38, 0.16);
  --shadow-glow: 0 0 30px rgba(220, 38, 38, 0.3);
}

/* Cosmic Purple — Cosmic creative — violet + cobalt */
body.theme-cosmic-purple {
  --color-primary: #6D28D9;
  --color-primary-light: #8B5CF6;
  --color-primary-dark: #5B21B6;
  --color-primary-darker: #2E1065;

  --color-secondary: #2563EB;
  --color-secondary-light: #3B82F6;
  --color-secondary-dark: #1D4ED8;

  --color-accent: #7C3AED;
  --color-accent-light: #A78BFA;
  --color-accent-dark: #6D28D9;

  --color-primary-rgb: 109, 40, 217;
  --color-primary-light-rgb: 139, 92, 246;
  --color-primary-dark-rgb: 91, 33, 182;
  --color-primary-darker-rgb: 46, 16, 101;

  --color-secondary-rgb: 37, 99, 235;
  --color-secondary-light-rgb: 59, 130, 246;
  --color-secondary-dark-rgb: 29, 78, 216;

  --color-accent-rgb: 124, 58, 237;

  --border-primary: rgba(109, 40, 217, 0.2);
  --border-secondary: rgba(37, 99, 235, 0.12);

  --gradient-horizontal: linear-gradient(90deg, #6D28D9, #5B21B6);
  --gradient-primary: linear-gradient(135deg, #5B21B6, #6D28D9, #8B5CF6);
  --gradient-card-header: linear-gradient(145deg, #2E1065, #5B21B6, #6D28D9);

  --shadow-md: 0 10px 20px rgba(109, 40, 217, 0.2);
  --shadow-lg: 0 15px 30px rgba(109, 40, 217, 0.28);
  --shadow-xl: 0 20px 40px rgba(109, 40, 217, 0.16);
  --shadow-glow: 0 0 30px rgba(109, 40, 217, 0.3);
}