/* Affilibot theme variants — load after landing.css */

/* ===== A: Ink / coral / teal (archive) ===== */
.ab-landing.theme-a {
  --ink: #060d16;
  --ink-2: #0a1322;
  --slate: #152038;
  --fog: #eaf0f8;
  --muted: #8fa3bf;
  --brand: #ff6a3d;
  --brand-2: #ff9470;
  --teal: #2ad4b0;
  --teal-dim: rgba(42, 212, 176, 0.16);
  --line: rgba(215, 224, 239, 0.14);
  --hero-glow-1: rgba(255, 106, 61, 0.22);
  --hero-glow-2: rgba(42, 212, 176, 0.14);
  --footer-bg: #050a12;
  --cta-grad: linear-gradient(135deg, #ff6a3d, #ff4d1a);
}

/* ===== B: Deal energy — charcoal + amber (archive) ===== */
.ab-landing.theme-b {
  --ink: #05070c;
  --ink-2: #0a0e14;
  --slate: #141b26;
  --fog: #f2f5f8;
  --muted: #9aa8b8;
  --brand: #ffb020;
  --brand-2: #ffc857;
  --teal: #00e0b8;
  --teal-dim: rgba(0, 224, 184, 0.16);
  --line: rgba(255, 255, 255, 0.1);
  --hero-glow-1: rgba(255, 176, 32, 0.28);
  --hero-glow-2: rgba(0, 224, 184, 0.14);
  --footer-bg: #03050a;
  --cta-grad: linear-gradient(135deg, #ffb020, #ff8a00);
  --shadow: 0 32px 90px rgba(0, 0, 0, 0.55);
}

.ab-landing.theme-b .ab-btn-primary {
  color: #1a1200;
  box-shadow: 0 12px 32px rgba(255, 176, 32, 0.35);
}

.ab-landing.theme-b .ab-brand {
  background: linear-gradient(120deg, #fff 15%, #ffd78a 50%, var(--teal) 100%);
  -webkit-background-clip: text;
  background-clip: text;
}

/* ===== C: Light high-conversion (archive) ===== */
.ab-landing.theme-c {
  --ink: #f7f9fc;
  --ink-2: #ffffff;
  --slate: #e8eef6;
  --fog: #0f172a;
  --muted: #5b6b82;
  --brand: #ff5a2a;
  --brand-2: #ff7a4d;
  --teal: #0d9f85;
  --teal-dim: rgba(13, 159, 133, 0.14);
  --line: rgba(15, 23, 42, 0.1);
  --hero-glow-1: rgba(255, 90, 42, 0.12);
  --hero-glow-2: rgba(13, 159, 133, 0.1);
  --footer-bg: #0f172a;
  --footer-fog: #e8eef8;
  --footer-muted: #93a4bc;
  --cta-grad: linear-gradient(135deg, #ff5a2a, #e8481a);
  --shadow: 0 24px 60px rgba(15, 23, 42, 0.12);
}

.ab-landing.theme-c .ab-nav {
  background: rgba(255, 255, 255, 0.88);
}

.ab-landing.theme-c .ab-hero {
  background:
    radial-gradient(ellipse 80% 60% at 70% 15%, var(--hero-glow-1), transparent 55%),
    radial-gradient(ellipse 50% 40% at 8% 85%, var(--hero-glow-2), transparent 50%),
    linear-gradient(165deg, #f7f9fc 0%, #ffffff 50%, #eef3f9 100%);
}

.ab-landing.theme-c .ab-brand {
  background: linear-gradient(120deg, #0f172a 20%, #ff5a2a 60%, #0d9f85 100%);
  -webkit-background-clip: text;
  background-clip: text;
}

.ab-landing.theme-c .ab-hero h1 {
  color: #0f172a;
}

.ab-landing.theme-c .ab-footer {
  color: var(--footer-muted, #93a4bc);
}

.ab-landing.theme-c .ab-footer strong,
.ab-landing.theme-c .ab-footer h4,
.ab-landing.theme-c .ab-footer .ab-footer-brand {
  color: var(--footer-fog, #e8eef8);
}

.ab-landing.theme-c .ab-sticky-cta {
  background: linear-gradient(180deg, transparent, rgba(255, 255, 255, 0.95) 28%);
}

/* ===== D: Midnight navy + vivid coral + mint — LIVE ===== */
.ab-landing.theme-d {
  --ink: #06102a;
  --ink-2: #0a1638;
  --slate: #132047;
  --fog: #e8eef5;
  --muted: #b6c4d8;
  --text: #e8eef5;
  --text-secondary: #c5d0e0;
  --brand: #ff5c35;
  --brand-2: #ff7a55;
  --teal: #3defc0;
  --teal-dim: rgba(61, 239, 192, 0.16);
  --line: rgba(180, 200, 255, 0.12);
  --hero-glow-1: rgba(255, 92, 53, 0.3);
  --hero-glow-2: rgba(61, 239, 192, 0.15);
  --footer-bg: #040b1c;
  --cta-grad: linear-gradient(135deg, #ff5c35, #ff3d1a);
  --shadow: 0 36px 90px rgba(4, 10, 30, 0.55);
  --font-display: "Sora", sans-serif;
  --font-body: "Manrope", sans-serif;
}

.ab-landing.theme-d .ab-nav {
  background: rgba(6, 16, 42, 0.82);
}

.ab-landing.theme-d .ab-nav-logo {
  background: linear-gradient(120deg, #fff 8%, #ff9a7a 50%, #3defc0);
  -webkit-background-clip: text;
  background-clip: text;
}

.ab-landing.theme-d .ab-brand {
  background: linear-gradient(120deg, #fff 10%, #ffb199 45%, #3defc0 100%);
  -webkit-background-clip: text;
  background-clip: text;
}

.ab-landing.theme-d .ab-hero {
  background:
    radial-gradient(ellipse 75% 55% at 78% 8%, var(--hero-glow-1), transparent 55%),
    radial-gradient(ellipse 45% 40% at 6% 90%, var(--hero-glow-2), transparent 50%),
    linear-gradient(165deg, #050e24 0%, #0a1638 42%, #12224a 100%);
}

.ab-landing.theme-d .ab-btn-primary {
  background: var(--cta-grad);
  color: #fff;
  box-shadow: 0 14px 34px rgba(255, 92, 53, 0.4);
}

.ab-landing.theme-d .ab-btn-primary:hover {
  box-shadow: 0 18px 42px rgba(255, 92, 53, 0.52);
}

.ab-landing.theme-d .ab-plan.featured {
  border-color: rgba(255, 92, 53, 0.55);
  background:
    linear-gradient(180deg, rgba(255, 92, 53, 0.14), transparent 55%),
    rgba(255, 255, 255, 0.03);
}

.ab-landing.theme-d .ab-cta-band {
  background:
    linear-gradient(135deg, rgba(255, 92, 53, 0.18), rgba(61, 239, 192, 0.1)),
    var(--slate);
}

.ab-landing.theme-d .ab-footer-wrap {
  background: var(--footer-bg);
}

.ab-landing.theme-a .ab-hero,
.ab-landing.theme-b .ab-hero {
  background:
    radial-gradient(ellipse 80% 60% at 72% 12%, var(--hero-glow-1), transparent 55%),
    radial-gradient(ellipse 50% 40% at 8% 88%, var(--hero-glow-2), transparent 50%),
    linear-gradient(165deg, var(--ink) 0%, var(--ink-2) 45%, var(--slate) 100%);
}

.ab-landing.theme-a .ab-btn-primary,
.ab-landing.theme-b .ab-btn-primary,
.ab-landing.theme-c .ab-btn-primary,
.ab-landing.theme-d .ab-btn-primary {
  background: var(--cta-grad);
}