/* In2LMS Enterprise Theme Layer v3 - Mixed Gradient Collection
   Load AFTER in2lms-admin-modern.css / in2lms-public-modern.css.
   One saved setting controls the palette across public + authenticated UI.
*/

:root,
body.in2lms-theme-style01 {
    /* Cobalt Horizon */
    --in2-primary:#2563eb; --in2-primary-dark:#1d4ed8; --in2-primary-deep:#172554;
    --in2-primary-light:#38bdf8; --in2-accent:#22d3ee; --in2-soft:#eff6ff;
    --in2-text:#172033; --in2-muted:#64748b; --in2-border:#dbe7f5; --in2-surface:#ffffff;
    --in2-page:#f7faff; --in2-on-primary:#ffffff; --in2-shadow:rgba(23,37,84,.22);
}

body.in2lms-theme-style02 {
    /* Forest Canopy */
    --in2-primary:#2f855a; --in2-primary-dark:#276749; --in2-primary-deep:#173f2b;
    --in2-primary-light:#68d391; --in2-accent:#a3e635; --in2-soft:#f0fff4;
    --in2-text:#183226; --in2-muted:#64746b; --in2-border:#d7e8dc; --in2-surface:#ffffff;
    --in2-page:#f7fbf8; --in2-on-primary:#ffffff; --in2-shadow:rgba(23,63,43,.18);
}

body.in2lms-theme-style03 {
    /* Midnight Azure */
    --in2-primary:#173f8f; --in2-primary-dark:#0b2f6b; --in2-primary-deep:#06162f;
    --in2-primary-light:#4f83d1; --in2-accent:#7dd3fc; --in2-soft:#edf4fb;
    --in2-text:#14233a; --in2-muted:#637086; --in2-border:#d8e3f1; --in2-surface:#ffffff;
    --in2-page:#f6f9fd; --in2-on-primary:#ffffff; --in2-shadow:rgba(6,22,47,.24);
}

body.in2lms-theme-style04 {
    /* Amber Atelier */
    --in2-primary:#b7791f; --in2-primary-dark:#8a5a14; --in2-primary-deep:#4a2f0b;
    --in2-primary-light:#f6ad55; --in2-accent:#facc15; --in2-soft:#fffaf0;
    --in2-text:#362817; --in2-muted:#766b5d; --in2-border:#eadfc9; --in2-surface:#ffffff;
    --in2-page:#fdfbf7; --in2-on-primary:#ffffff; --in2-shadow:rgba(74,47,11,.18);
}

body.in2lms-theme-style05 {
    /* Teal Lagoon */
    --in2-primary:#0f9fa8; --in2-primary-dark:#0b6870; --in2-primary-deep:#073a49;
    --in2-primary-light:#2dd4bf; --in2-accent:#67e8f9; --in2-soft:#ecfeff;
    --in2-text:#153435; --in2-muted:#617577; --in2-border:#d4e9e9; --in2-surface:#ffffff;
    --in2-page:#f5fcfc; --in2-on-primary:#ffffff; --in2-shadow:rgba(7,58,73,.20);
}

body.in2lms-theme-style06 {
    /* Tangerine Pulse */
    --in2-primary:#f97316; --in2-primary-dark:#c2410c; --in2-primary-deep:#7c2d12;
    --in2-primary-light:#fb7185; --in2-accent:#fbbf24; --in2-soft:#fff7ed;
    --in2-text:#3d2618; --in2-muted:#77675f; --in2-border:#efddd1; --in2-surface:#ffffff;
    --in2-page:#fffaf6; --in2-on-primary:#ffffff; --in2-shadow:rgba(124,45,18,.20);
}

body.in2lms-theme-style07 {
    /* Violet Bloom */
    --in2-primary:#7c3aed; --in2-primary-dark:#5b21b6; --in2-primary-deep:#2e1065;
    --in2-primary-light:#ec4899; --in2-accent:#f9a8d4; --in2-soft:#faf5ff;
    --in2-text:#302543; --in2-muted:#706679; --in2-border:#e5dcf1; --in2-surface:#ffffff;
    --in2-page:#fbf9fe; --in2-on-primary:#ffffff; --in2-shadow:rgba(46,16,101,.22);
}

body.in2lms-theme-style08 {
    /* Steel & Ice */
    --in2-primary:#475569; --in2-primary-dark:#334155; --in2-primary-deep:#1e293b;
    --in2-primary-light:#94a3b8; --in2-accent:#67e8f9; --in2-soft:#f1f5f9;
    --in2-text:#172033; --in2-muted:#64748b; --in2-border:#dce4eb; --in2-surface:#ffffff;
    --in2-page:#f8fafc; --in2-on-primary:#ffffff; --in2-shadow:rgba(30,41,59,.18);
}

body.in2lms-theme-style09 {
    /* Obsidian Gold */
    --in2-primary:#262626; --in2-primary-dark:#111111; --in2-primary-deep:#050505;
    --in2-primary-light:#7a6528; --in2-accent:#d4af37; --in2-soft:#faf8ef;
    --in2-text:#171717; --in2-muted:#737373; --in2-border:#e6e1d2; --in2-surface:#ffffff;
    --in2-page:#fbfaf7; --in2-on-primary:#ffffff; --in2-shadow:rgba(0,0,0,.28);
}

body.in2lms-theme-style10 {
    /* Sandstone Rose */
    --in2-primary:#9a6f62; --in2-primary-dark:#765247; --in2-primary-deep:#49352f;
    --in2-primary-light:#d99aa7; --in2-accent:#e8798f; --in2-soft:#fcf7f5;
    --in2-text:#312822; --in2-muted:#766b64; --in2-border:#eadfda; --in2-surface:#ffffff;
    --in2-page:#fcfaf8; --in2-on-primary:#ffffff; --in2-shadow:rgba(73,53,47,.17);
}

body.in2lms-theme-style11 {
    /* Electric Indigo */
    --in2-primary:#4f46e5; --in2-primary-dark:#3730a3; --in2-primary-deep:#17174a;
    --in2-primary-light:#a855f7; --in2-accent:#22d3ee; --in2-soft:#eef2ff;
    --in2-text:#202342; --in2-muted:#686b82; --in2-border:#dde1f0; --in2-surface:#ffffff;
    --in2-page:#f8f9ff; --in2-on-primary:#ffffff; --in2-shadow:rgba(23,23,74,.24);
}

body.in2lms-theme-style12 {
    /* Coral Sunrise */
    --in2-primary:#f05d5e; --in2-primary-dark:#c2414b; --in2-primary-deep:#7f1d3d;
    --in2-primary-light:#fb923c; --in2-accent:#fbbf24; --in2-soft:#fff3f0;
    --in2-text:#3d2028; --in2-muted:#7a646b; --in2-border:#f0d9df; --in2-surface:#ffffff;
    --in2-page:#fffafb; --in2-on-primary:#ffffff; --in2-shadow:rgba(127,29,61,.20);
}

body.in2lms-theme-style13 {
    /* Emerald Current */
    --in2-primary:#059669; --in2-primary-dark:#047857; --in2-primary-deep:#064e3b;
    --in2-primary-light:#06b6d4; --in2-accent:#5eead4; --in2-soft:#ecfdf5;
    --in2-text:#15362d; --in2-muted:#61756e; --in2-border:#d4e8e1; --in2-surface:#ffffff;
    --in2-page:#f5fbf8; --in2-on-primary:#ffffff; --in2-shadow:rgba(6,78,59,.20);
}

body.in2lms-theme-style14 {
    /* Aubergine Glow */
    --in2-primary:#b91c78; --in2-primary-dark:#86198f; --in2-primary-deep:#4a0d3f;
    --in2-primary-light:#8b5cf6; --in2-accent:#f472b6; --in2-soft:#fdf2f8;
    --in2-text:#38223b; --in2-muted:#746578; --in2-border:#eadbed; --in2-surface:#ffffff;
    --in2-page:#fcf8fd; --in2-on-primary:#ffffff; --in2-shadow:rgba(74,13,63,.24);
}

body.in2lms-theme-style15 {
    /* Arctic Sky */
    --in2-primary:#0284c7; --in2-primary-dark:#0369a1; --in2-primary-deep:#0c4a6e;
    --in2-primary-light:#7dd3fc; --in2-accent:#bae6fd; --in2-soft:#f0f9ff;
    --in2-text:#173345; --in2-muted:#61727f; --in2-border:#d7e8f0; --in2-surface:#ffffff;
    --in2-page:#f7fbfd; --in2-on-primary:#ffffff; --in2-shadow:rgba(12,74,110,.18);
}

body.in2lms-theme-style16 {
    /* Crimson Brass */
    --in2-primary:#c62828; --in2-primary-dark:#8e1b1b; --in2-primary-deep:#4b0d0d;
    --in2-primary-light:#d97706; --in2-accent:#d4a72c; --in2-soft:#fff5f2;
    --in2-text:#3d2020; --in2-muted:#7a6565; --in2-border:#efd9d8; --in2-surface:#ffffff;
    --in2-page:#fffafa; --in2-on-primary:#ffffff; --in2-shadow:rgba(75,13,13,.22);
}

body.in2lms-theme-style17 {
    /* Berry Turquoise */
    --in2-primary:#c0267e; --in2-primary-dark:#86105a; --in2-primary-deep:#500b38;
    --in2-primary-light:#14b8a6; --in2-accent:#5eead4; --in2-soft:#fdf2f8;
    --in2-text:#3b2335; --in2-muted:#766574; --in2-border:#eedce8; --in2-surface:#ffffff;
    --in2-page:#fff9fd; --in2-on-primary:#ffffff; --in2-shadow:rgba(80,11,56,.22);
}

body.in2lms-theme-style18 {
    /* Graphite Lime */
    --in2-primary:#3f3f46; --in2-primary-dark:#27272a; --in2-primary-deep:#18181b;
    --in2-primary-light:#65a30d; --in2-accent:#a3e635; --in2-soft:#f7fee7;
    --in2-text:#25252a; --in2-muted:#71717a; --in2-border:#e4e4e7; --in2-surface:#ffffff;
    --in2-page:#fafafa; --in2-on-primary:#ffffff; --in2-shadow:rgba(24,24,27,.22);
}

body.in2lms-theme-style19 {
    /* Aqua Citrus */
    --in2-primary:#0891b2; --in2-primary-dark:#0e7490; --in2-primary-deep:#164e63;
    --in2-primary-light:#22d3ee; --in2-accent:#f97316; --in2-soft:#ecfeff;
    --in2-text:#15343b; --in2-muted:#60767b; --in2-border:#d5e8eb; --in2-surface:#ffffff;
    --in2-page:#f5fcfc; --in2-on-primary:#ffffff; --in2-shadow:rgba(22,78,99,.22);
}

body.in2lms-theme-style20 {
    /* Burgundy Champagne */
    --in2-primary:#9f1239; --in2-primary-dark:#701a32; --in2-primary-deep:#3f0718;
    --in2-primary-light:#b77959; --in2-accent:#d6b46a; --in2-soft:#fff1f2;
    --in2-text:#351d25; --in2-muted:#75636a; --in2-border:#ead9df; --in2-surface:#ffffff;
    --in2-page:#fcf8f9; --in2-on-primary:#ffffff; --in2-shadow:rgba(63,7,24,.23);
}

/* Shared application surfaces */
body.in2lms-public-ui,
body.in2lms-admin-ui {
    background:var(--in2-page) !important;
    color:var(--in2-text);
}

/* Public header */
body.in2lms-public-ui .app-layout-header {
    background:linear-gradient(90deg,var(--in2-primary-deep) 0%,var(--in2-primary) 58%,var(--in2-primary-light) 100%) !important;
    box-shadow:0 12px 30px var(--in2-shadow) !important;
}
body.in2lms-public-ui #header-navbar-collapse {
    background-color:transparent;
}
body.in2lms-public-ui .navbar-toolbar > li > a[href*="/login"],
body.in2lms-public-ui .navbar-toolbar > li > a[title="Log into account"] {
    color:var(--in2-primary) !important;
}
body.in2lms-public-ui .navbar-toolbar > li > a[href*="/login"] i,
body.in2lms-public-ui .navbar-toolbar > li > a[title="Log into account"] i {
    color:var(--in2-primary) !important;
}
body.in2lms-public-ui .app-layout-content,
body.in2lms-public-ui main.app-layout-content {
    background:var(--in2-page) !important;
}
body.in2lms-public-ui .in2lms-public-browse-hero {
    background:linear-gradient(135deg,var(--in2-primary-deep) 0%,var(--in2-primary) 58%,var(--in2-primary-light) 100%) !important;
    box-shadow:0 20px 45px var(--in2-shadow) !important;
}
body.in2lms-public-ui #list_of_courses_list .panel-heading .pull-right {
    color:var(--in2-primary) !important;
}

/* Admin shell - works with the existing modern admin layer */
body.in2lms-admin-ui .app-layout-drawer,
body.in2lms-admin-ui #globalLayerDrawer,
body.in2lms-admin-ui .drawer-header {
    background:linear-gradient(180deg,var(--in2-primary-deep),var(--in2-primary-dark)) !important;
}
body.in2lms-admin-ui .app-layout-header,
body.in2lms-admin-ui .navbar.navbar-default {
    background:linear-gradient(90deg,var(--in2-primary-deep) 0%,var(--in2-primary) 58%,var(--in2-primary-light) 100%) !important;
    border-color:var(--in2-border) !important;
    box-shadow:0 10px 26px var(--in2-shadow) !important;
}
body.in2lms-admin-ui .nav-drawer > .nav-item.active > a,
body.in2lms-admin-ui .nav-drawer > .nav-item > a:hover,
body.in2lms-admin-ui .nav-subnav > li > a.active,
body.in2lms-admin-ui .nav-subnav > li > a:hover {
    background:rgba(255,255,255,.12) !important;
    color:var(--in2-on-primary) !important;
}
body.in2lms-admin-ui .btn-app,
body.in2lms-admin-ui .btn-primary,
body.in2lms-admin-ui .btn-success.in2lms-primary-action,
body.in2lms-public-ui .btn-app,
body.in2lms-public-ui .btn-primary {
    background:var(--in2-primary) !important;
    border-color:var(--in2-primary) !important;
    color:var(--in2-on-primary) !important;
}
body.in2lms-admin-ui a,
body.in2lms-public-ui a.in2lms-theme-link {
    color:var(--in2-primary);
}
body.in2lms-admin-ui .card,
body.in2lms-public-ui .card {
    border-color:var(--in2-border);
}
body.in2lms-admin-ui .card-header {
    border-color:var(--in2-border);
}

/* Theme-aware footer */
.in2lms-footer {
    background:linear-gradient(135deg,var(--in2-primary-deep) 0%,var(--in2-primary-dark) 55%,var(--in2-primary) 100%) !important;
    color:rgba(255,255,255,.84) !important;
}
.in2lms-footer .in2lms-footer-title,
.in2lms-footer .in2lms-footer-brand h4 {
    color:var(--in2-on-primary) !important;
}
.in2lms-footer a {
    color:rgba(255,255,255,.88) !important;
}
.in2lms-footer a:hover {
    color:var(--in2-accent) !important;
}
.in2lms-footer-bottom {
    border-top-color:rgba(255,255,255,.14) !important;
}

/* Generic theme helpers for new enterprise pages */
.in2lms-theme-bg-primary { background:var(--in2-primary) !important; color:var(--in2-on-primary) !important; }
.in2lms-theme-bg-soft { background:var(--in2-soft) !important; }
.in2lms-theme-text-primary { color:var(--in2-primary) !important; }
.in2lms-theme-border { border-color:var(--in2-border) !important; }
.in2lms-theme-accent { color:var(--in2-accent) !important; }

@media (max-width:991px) {
    body.in2lms-public-ui #header-navbar-collapse {
        background:var(--in2-primary-dark) !important;
    }
}
