/* Light variants for proprietary W5OBM and custom themes */

:root[data-w5obm-theme$="-light"] {
    color-scheme: light;
    --w5-theme-chrome-start: var(--w5-theme-primary, #2563eb);
    --w5-theme-chrome-end: var(--w5-theme-secondary, var(--w5-theme-primary, #1d4ed8));
    --bs-primary: var(--w5-theme-primary, #2563eb);
    --bs-primary-rgb: var(--w5-theme-primary-rgb, 37, 99, 235);
    --bs-body-bg: var(--w5-theme-body-bg, #ffffff);
    --bs-body-bg-rgb: var(--w5-theme-body-bg-rgb, 255, 255, 255);
    --bs-body-color: var(--w5-theme-body-color, #0f172a);
    --bs-body-color-rgb: var(--w5-theme-body-color-rgb, 15, 23, 42);
    --bs-emphasis-color: var(--w5-theme-emphasis-color, #020617);
    --bs-secondary-color: var(--w5-theme-secondary-color, #475569);
    --bs-tertiary-color: var(--w5-theme-tertiary-color, #64748b);
    --bs-border-color: var(--w5-theme-border-color, #dbe2ea);
    --bs-link-color: var(--w5-theme-link-color, var(--w5-theme-primary, #2563eb));
    --bs-link-hover-color: var(--w5-theme-link-hover-color, var(--w5-theme-secondary, #1d4ed8));
    --bs-success: var(--w5-theme-success, #16a34a);
    --bs-info: var(--w5-theme-info, var(--w5-theme-secondary, #0ea5e9));
    --bs-warning: var(--w5-theme-warning, #f59e0b);
    --bs-danger: var(--w5-theme-danger, #dc2626);
    --bs-card-bg: var(--w5-theme-card-bg, #ffffff);
    --bs-card-color: var(--w5-theme-card-color, var(--w5-theme-body-color, #0f172a));
    --bs-secondary-bg: var(--w5-theme-secondary-bg, #f8fafc);
    --bs-tertiary-bg: var(--w5-theme-tertiary-bg, #eef2f7);
    --theme-accent-primary: var(--w5-theme-accent-primary, var(--w5-theme-primary, #2563eb));
    --theme-accent-secondary: var(--w5-theme-accent-secondary, var(--w5-theme-secondary, #1d4ed8));
    --theme-text-primary: var(--w5-theme-text-primary, var(--w5-theme-body-color, #0f172a));
    --theme-text-secondary: var(--w5-theme-text-secondary, var(--w5-theme-secondary-color, #475569));
    --theme-nav-bg: var(--w5-theme-nav-bg, var(--w5-theme-chrome-start));
    --theme-nav-bg-scrolled: var(--w5-theme-nav-bg-scrolled, var(--w5-theme-chrome-start));
    --theme-nav-border: var(--w5-theme-nav-border, #00000014);
    --theme-nav-shadow: var(--w5-theme-nav-shadow, 0 12px 24px #0f172a14);
    --primary-blue: var(--w5-theme-chrome-start);
    --secondary-blue: var(--w5-theme-chrome-end);
    --w5obm-primary-blue: var(--w5-theme-chrome-start);
    --w5obm-secondary-blue: var(--w5-theme-chrome-end);
    --hero-gradient-start: var(--w5-theme-chrome-start);
    --hero-gradient-end: var(--w5-theme-chrome-end);
    --premium-hero-gradient-from: var(--w5-theme-chrome-start);
    --premium-hero-gradient-to: var(--w5-theme-chrome-end);
}

:root[data-w5obm-theme$="-light"] body {
    background-color: var(--bs-body-bg);
    color: var(--bs-body-color);
}

:root[data-w5obm-theme="w5obm_navy-light"] {
    --w5-theme-primary: #0b1f3b;
    --w5-theme-primary-rgb: 11, 31, 59;
    --w5-theme-secondary: #22c55e;
    --w5-theme-chrome-end: #1d4ed8;
    --w5-theme-body-color: #10233d;
    --w5-theme-body-color-rgb: 16, 35, 61;
    --w5-theme-emphasis-color: #071a33;
    --w5-theme-secondary-color: #36506c;
    --w5-theme-tertiary-color: #566b85;
    --w5-theme-border-color: #d8e0ea;
    --w5-theme-link-color: #0b1f3b;
    --w5-theme-link-hover-color: #1450a3;
    --w5-theme-secondary-bg: #f7f9fc;
    --w5-theme-tertiary-bg: #eef3f8;
    --w5-theme-accent-primary: #f0b429;
    --w5-theme-accent-secondary: #22c55e;
    --w5-theme-nav-border: #0b1f3b24;
    --w5-theme-nav-shadow: 0 10px 26px #0b1f3b14;
}

:root[data-w5obm-theme="w5obm_green-light"] {
    --w5-theme-primary: #2f855a;
    --w5-theme-primary-rgb: 47, 133, 90;
    --w5-theme-body-bg: #ffffff;
    --w5-theme-body-color: #14321f;
    --w5-theme-body-color-rgb: 20, 50, 31;
    --w5-theme-emphasis-color: #0f2918;
    --w5-theme-secondary-color: #2f5d41;
    --w5-theme-tertiary-color: #3f6b50;
    --w5-theme-border-color: #c7dccf;
    --w5-theme-link-color: #1f6f4a;
    --w5-theme-link-hover-color: #145535;
    --w5-theme-secondary-bg: #f7fbf8;
    --w5-theme-tertiary-bg: #eef6f0;
    --w5-theme-accent-primary: #2f855a;
    --w5-theme-accent-secondary: #38a169;
    --w5-theme-nav-border: #2f855a21;
    --w5-theme-nav-shadow: 0 10px 24px #1f3a2818;
}

:root[data-w5obm-theme="w5obm_indigo-light"] {
    --w5-theme-primary: #4338ca;
    --w5-theme-primary-rgb: 67, 56, 202;
    --w5-theme-body-bg: #ffffff;
    --w5-theme-body-color: #221a44;
    --w5-theme-body-color-rgb: 34, 26, 68;
    --w5-theme-emphasis-color: #181143;
    --w5-theme-secondary-color: #4c4578;
    --w5-theme-tertiary-color: #6a6296;
    --w5-theme-border-color: #ddd8fb;
    --w5-theme-link-color: #4338ca;
    --w5-theme-link-hover-color: #7c3aed;
    --w5-theme-secondary-bg: #f8f7ff;
    --w5-theme-tertiary-bg: #efecff;
    --w5-theme-accent-primary: #4338ca;
    --w5-theme-accent-secondary: #7c3aed;
    --w5-theme-nav-border: #4338ca24;
    --w5-theme-nav-shadow: 0 10px 26px #4338ca14;
}

:root[data-w5obm-theme="w5obm_black-light"] {
    --w5-theme-primary: #2f81f7;
    --w5-theme-primary-rgb: 47, 129, 247;
    --w5-theme-body-bg: #ffffff;
    --w5-theme-body-color: #1f2937;
    --w5-theme-body-color-rgb: 31, 41, 55;
    --w5-theme-emphasis-color: #111827;
    --w5-theme-secondary-color: #4b5563;
    --w5-theme-tertiary-color: #6b7280;
    --w5-theme-border-color: #d0d7de;
    --w5-theme-link-color: #0969da;
    --w5-theme-link-hover-color: #2f81f7;
    --w5-theme-secondary-bg: #f6f8fa;
    --w5-theme-tertiary-bg: #eef2f6;
    --w5-theme-accent-primary: #2f81f7;
    --w5-theme-accent-secondary: #58a6ff;
    --w5-theme-nav-border: #2f81f722;
    --w5-theme-nav-shadow: 0 10px 24px #0d111714;
}

:root[data-w5obm-theme="w5obm_ruby-light"] {
    --w5-theme-primary: #be123c;
    --w5-theme-primary-rgb: 190, 18, 60;
    --w5-theme-body-bg: #ffffff;
    --w5-theme-body-color: #4a1020;
    --w5-theme-body-color-rgb: 74, 16, 32;
    --w5-theme-emphasis-color: #350915;
    --w5-theme-secondary-color: #7b4255;
    --w5-theme-tertiary-color: #9d677a;
    --w5-theme-border-color: #f2d6df;
    --w5-theme-link-color: #be123c;
    --w5-theme-link-hover-color: #fb7185;
    --w5-theme-secondary-bg: #fff8fa;
    --w5-theme-tertiary-bg: #feeff4;
    --w5-theme-accent-primary: #be123c;
    --w5-theme-accent-secondary: #fb7185;
    --w5-theme-nav-border: #be123c22;
    --w5-theme-nav-shadow: 0 10px 24px #be123c14;
}

:root[data-w5obm-theme="w5obm_maroon-light"] {
    --w5-theme-primary: #7c2d44;
    --w5-theme-primary-rgb: 124, 45, 68;
    --w5-theme-body-bg: #ffffff;
    --w5-theme-body-color: #3a1721;
    --w5-theme-body-color-rgb: 58, 23, 33;
    --w5-theme-emphasis-color: #2a1018;
    --w5-theme-secondary-color: #6f4653;
    --w5-theme-tertiary-color: #855d68;
    --w5-theme-border-color: #ead7de;
    --w5-theme-link-color: #7c2d44;
    --w5-theme-link-hover-color: #c75a7a;
    --w5-theme-secondary-bg: #fff8fa;
    --w5-theme-tertiary-bg: #fef0f4;
    --w5-theme-accent-primary: #7c2d44;
    --w5-theme-accent-secondary: #c75a7a;
    --w5-theme-nav-border: #7c2d4422;
    --w5-theme-nav-shadow: 0 10px 24px #7c2d4412;
}

:root[data-w5obm-theme="w5obm_copper-light"] {
    --w5-theme-primary: #b45309;
    --w5-theme-primary-rgb: 180, 83, 9;
    --w5-theme-body-bg: #ffffff;
    --w5-theme-body-color: #4a2710;
    --w5-theme-body-color-rgb: 74, 39, 16;
    --w5-theme-emphasis-color: #331b0b;
    --w5-theme-secondary-color: #7a5131;
    --w5-theme-tertiary-color: #84603f;
    --w5-theme-border-color: #efddcf;
    --w5-theme-link-color: #b45309;
    --w5-theme-link-hover-color: #f59e0b;
    --w5-theme-secondary-bg: #fffbf6;
    --w5-theme-tertiary-bg: #fff3e4;
    --w5-theme-accent-primary: #b45309;
    --w5-theme-accent-secondary: #f59e0b;
    --w5-theme-nav-border: #b4530920;
    --w5-theme-nav-shadow: 0 10px 24px #b4530914;
}

:root[data-w5obm-theme="custom_dark_green-light"] {
    --w5-theme-primary: #14532d;
    --w5-theme-primary-rgb: 20, 83, 45;
    --w5-theme-body-bg: #ffffff;
    --w5-theme-body-color: #16301f;
    --w5-theme-body-color-rgb: 22, 48, 31;
    --w5-theme-emphasis-color: #102216;
    --w5-theme-secondary-color: #3d6250;
    --w5-theme-tertiary-color: #4f6e5e;
    --w5-theme-border-color: #cee3d5;
    --w5-theme-link-color: #14532d;
    --w5-theme-link-hover-color: #22c55e;
    --w5-theme-secondary-bg: #f7fbf8;
    --w5-theme-tertiary-bg: #eef7f1;
    --w5-theme-accent-primary: #14532d;
    --w5-theme-accent-secondary: #22c55e;
    --w5-theme-nav-border: #14532d22;
    --w5-theme-nav-shadow: 0 10px 24px #14532d14;
}

:root[data-w5obm-theme="custom_purple-light"] {
    --w5-theme-primary: #7c3aed;
    --w5-theme-primary-rgb: 124, 58, 237;
    --w5-theme-body-bg: #ffffff;
    --w5-theme-body-color: #26153d;
    --w5-theme-body-color-rgb: 38, 21, 61;
    --w5-theme-emphasis-color: #180c2a;
    --w5-theme-secondary-color: #5b4b7a;
    --w5-theme-tertiary-color: #74638f;
    --w5-theme-border-color: #e4d9fb;
    --w5-theme-link-color: #7c3aed;
    --w5-theme-link-hover-color: #c084fc;
    --w5-theme-secondary-bg: #faf7ff;
    --w5-theme-tertiary-bg: #f3eeff;
    --w5-theme-accent-primary: #7c3aed;
    --w5-theme-accent-secondary: #c084fc;
    --w5-theme-nav-border: #7c3aed22;
    --w5-theme-nav-shadow: 0 10px 24px #7c3aed14;
}

:root[data-w5obm-theme="custom_brown_gold-light"] {
    --w5-theme-primary: #8b5a2b;
    --w5-theme-primary-rgb: 139, 90, 43;
    --w5-theme-body-bg: #ffffff;
    --w5-theme-body-color: #3f2a18;
    --w5-theme-body-color-rgb: 63, 42, 24;
    --w5-theme-emphasis-color: #281a0f;
    --w5-theme-secondary-color: #715539;
    --w5-theme-tertiary-color: #7f6349;
    --w5-theme-border-color: #efdfc8;
    --w5-theme-link-color: #8b5a2b;
    --w5-theme-link-hover-color: #d4af37;
    --w5-theme-secondary-bg: #fffbf6;
    --w5-theme-tertiary-bg: #fff4e7;
    --w5-theme-accent-primary: #d4af37;
    --w5-theme-accent-secondary: #8b5a2b;
    --w5-theme-nav-border: #8b5a2b22;
    --w5-theme-nav-shadow: 0 10px 24px #8b5a2b14;
}

:root[data-w5obm-theme="custom_blue_red-light"] {
    --w5-theme-primary: #2563eb;
    --w5-theme-primary-rgb: 37, 99, 235;
    --w5-theme-body-bg: #ffffff;
    --w5-theme-body-color: #112240;
    --w5-theme-body-color-rgb: 17, 34, 64;
    --w5-theme-emphasis-color: #0f172a;
    --w5-theme-secondary-color: #38547b;
    --w5-theme-tertiary-color: #4d6086;
    --w5-theme-border-color: #d3e3ff;
    --w5-theme-link-color: #2563eb;
    --w5-theme-link-hover-color: #dc2626;
    --w5-theme-secondary-bg: #f8fbff;
    --w5-theme-tertiary-bg: #eef4ff;
    --w5-theme-accent-primary: #2563eb;
    --w5-theme-accent-secondary: #dc2626;
    --w5-theme-nav-border: #2563eb22;
    --w5-theme-nav-shadow: 0 10px 24px #2563eb14;
}

:root[data-w5obm-theme="custom_fireengine_red-light"] {
    --w5-theme-primary: #d90429;
    --w5-theme-primary-rgb: 217, 4, 41;
    --w5-theme-body-bg: #ffffff;
    --w5-theme-body-color: #4a0b12;
    --w5-theme-body-color-rgb: 74, 11, 18;
    --w5-theme-emphasis-color: #2b060c;
    --w5-theme-secondary-color: #7f1d1d;
    --w5-theme-tertiary-color: #b91c1c;
    --w5-theme-border-color: #f7d3d8;
    --w5-theme-link-color: #d90429;
    --w5-theme-link-hover-color: #b00020;
    --w5-theme-secondary-bg: #fff8f8;
    --w5-theme-tertiary-bg: #ffeff1;
    --w5-theme-accent-primary: #d90429;
    --w5-theme-accent-secondary: #ff6b6b;
    --w5-theme-nav-border: #d9042920;
    --w5-theme-nav-shadow: 0 10px 24px #d9042914;
}

:root[data-w5obm-theme="custom_black-light"] {
    --w5-theme-primary: #404040;
    --w5-theme-primary-rgb: 64, 64, 64;
    --w5-theme-body-bg: #ffffff;
    --w5-theme-body-color: #171717;
    --w5-theme-body-color-rgb: 23, 23, 23;
    --w5-theme-emphasis-color: #0a0a0a;
    --w5-theme-secondary-color: #525252;
    --w5-theme-tertiary-color: #6e6e6e;
    --w5-theme-border-color: #d4d4d8;
    --w5-theme-link-color: #171717;
    --w5-theme-link-hover-color: #525252;
    --w5-theme-secondary-bg: #fafafa;
    --w5-theme-tertiary-bg: #f4f4f5;
    --w5-theme-accent-primary: #111111;
    --w5-theme-accent-secondary: #a3a3a3;
    --w5-theme-nav-border: #1717171c;
    --w5-theme-nav-shadow: 0 10px 24px #17171712;
}

:root[data-w5obm-theme="custom_cars_shield-light"] {
    --w5-theme-primary: #e31b23;
    --w5-theme-primary-rgb: 227, 27, 35;
    --w5-theme-secondary: #1f73d8;
    --w5-theme-body-bg: #ffffff;
    --w5-theme-body-color: #10254d;
    --w5-theme-body-color-rgb: 16, 37, 77;
    --w5-theme-emphasis-color: #09152d;
    --w5-theme-secondary-color: #28467d;
    --w5-theme-tertiary-color: #516890;
    --w5-theme-border-color: #d7e3f5;
    --w5-theme-link-color: #1a66c4;
    --w5-theme-link-hover-color: #112a63;
    --w5-theme-secondary-bg: #f7faff;
    --w5-theme-tertiary-bg: #eef4ff;
    --w5-theme-accent-primary: #e31b23;
    --w5-theme-accent-secondary: #1f73d8;
    --w5-theme-nav-border: #112a6322;
    --w5-theme-nav-shadow: 0 10px 24px #112a6314;
}