/* ============================================================
   Tenant themes — each theme overrides the landing design-system
   variables (--brand, --brand-dark, --brand-soft, --navy, --ink,
   --muted, --line, --page-bg, --accent). The active theme is set
   on <body class="theme-<slug>"> via the tenant context.
   ============================================================ */

body.theme-classic {
    --brand: #0b7bf2;
    --brand-dark: #0a63c9;
    --brand-soft: #e8f3fd;
    --navy: #142f4e;
    --accent: #f43f5e;
    --hero-grad-1: #142f4e;
    --hero-grad-2: #1e4064;
}

/* Emerald — fresh & calm study space */
body.theme-emerald {
    --brand: #10b981;
    --brand-dark: #059669;
    --brand-soft: #e7f8f1;
    --navy: #0f3d2e;
    --ink: #0f3d2e;
    --muted: #56756b;
    --line: #dcefe7;
    --page-bg: #f6fbf9;
    --accent: #f59e0b;
    --hero-grad-1: #0f3d2e;
    --hero-grad-2: #15803d;
}

/* Sunset — warm & energetic */
body.theme-sunset {
    --brand: #f97316;
    --brand-dark: #ea580c;
    --brand-soft: #fff1e6;
    --navy: #431407;
    --ink: #431407;
    --muted: #8a5a3b;
    --line: #fbe3d3;
    --page-bg: #fffaf5;
    --accent: #7c3aed;
    --hero-grad-1: #7c2d12;
    --hero-grad-2: #ea580c;
}

/* Royal — purple prestige */
body.theme-royal {
    --brand: #7c3aed;
    --brand-dark: #6d28d9;
    --brand-soft: #f1e9fd;
    --navy: #2e1065;
    --ink: #2e1065;
    --muted: #7c6a9e;
    --line: #e9e0f8;
    --page-bg: #faf8fe;
    --accent: #ec4899;
    --hero-grad-1: #2e1065;
    --hero-grad-2: #7c3aed;
}

/* Ocean — deep blue tranquility */
body.theme-ocean {
    --brand: #0ea5e9;
    --brand-dark: #0284c7;
    --brand-soft: #e6f7fe;
    --navy: #0c4a6e;
    --ink: #0c4a6e;
    --muted: #5a7d96;
    --line: #dff1fa;
    --page-bg: #f5fbfe;
    --accent: #f43f5e;
    --hero-grad-1: #0c4a6e;
    --hero-grad-2: #0ea5e9;
}

/* Rose — soft & modern */
body.theme-rose {
    --brand: #f43f5e;
    --brand-dark: #e11d48;
    --brand-soft: #fdecef;
    --navy: #4c0519;
    --ink: #4c0519;
    --muted: #8f5a67;
    --line: #f9dfe4;
    --page-bg: #fdf8f9;
    --accent: #0ea5e9;
    --hero-grad-1: #4c0519;
    --hero-grad-2: #e11d48;
}

/* Forest — nature focus */
body.theme-forest {
    --brand: #16a34a;
    --brand-dark: #15803d;
    --brand-soft: #e9f9ee;
    --navy: #14532d;
    --ink: #14532d;
    --muted: #5b7f68;
    --line: #dcefe2;
    --page-bg: #f6fbf7;
    --accent: #f59e0b;
    --hero-grad-1: #14532d;
    --hero-grad-2: #15803d;
}

/* Midnight — sleek dark blue */
body.theme-midnight {
    --brand: #6366f1;
    --brand-dark: #4f46e5;
    --brand-soft: #ecebfe;
    --navy: #1e1b4b;
    --ink: #1e1b4b;
    --muted: #6b6791;
    --line: #e2e0f7;
    --page-bg: #f8f8fe;
    --accent: #f59e0b;
    --hero-grad-1: #1e1b4b;
    --hero-grad-2: #4f46e5;
}

/* Gold — premium & classic */
body.theme-gold {
    --brand: #b45309;
    --brand-dark: #92400e;
    --brand-soft: #fef3e2;
    --navy: #451a03;
    --ink: #451a03;
    --muted: #8a6d4b;
    --line: #f3e2c7;
    --page-bg: #fdfaf4;
    --accent: #d97706;
    --hero-grad-1: #451a03;
    --hero-grad-2: #b45309;
}

/* Teal — modern & fresh */
body.theme-teal {
    --brand: #14b8a6;
    --brand-dark: #0d9488;
    --brand-soft: #e6faf7;
    --navy: #134e4a;
    --ink: #134e4a;
    --muted: #54817c;
    --line: #d9f0ec;
    --page-bg: #f5fbfa;
    --accent: #f43f5e;
    --hero-grad-1: #134e4a;
    --hero-grad-2: #0d9488;
}

/* Slate — minimal & professional */
body.theme-slate {
    --brand: #475569;
    --brand-dark: #334155;
    --brand-soft: #eef2f6;
    --navy: #1e293b;
    --ink: #1e293b;
    --muted: #64748b;
    --line: #e2e8f0;
    --page-bg: #f8fafc;
    --accent: #0ea5e9;
    --hero-grad-1: #1e293b;
    --hero-grad-2: #475569;
}

/* ------------------------------------------------------------
   Theme-aware overrides for hardcoded color values in landing.css
   (hero gradient, eyebrows, badges, how-it-works tint).
   Header (.hd-*) and footer (.ft-*) take theme colors directly
   from base.html variables — full-page single theme.
   ------------------------------------------------------------ */
body[class*="theme-"] .ls-hero {
    background: var(--brand-soft);
    background: linear-gradient(150deg,
        var(--brand-soft) 0%,
        color-mix(in srgb, var(--brand-soft) 70%, #ffffff) 55%,
        color-mix(in srgb, var(--brand-soft) 45%, #ffffff) 100%);
}

body[class*="theme-"] .hero-eyebrow {
    color: var(--brand-dark);
}

body[class*="theme-"] .hero-eyebrow::before {
    background: var(--brand);
}

body[class*="theme-"] .sub-brand-badge {
    background: linear-gradient(135deg, var(--brand) 0%, var(--brand-dark) 100%);
}

body[class*="theme-"] .how-inner .how-icon {
    background: linear-gradient(135deg, var(--brand) 0%, var(--brand-dark) 100%);
}