/* themes.css — the 5 ChronosCodex tenant website templates.
   Each .tpl-<name> sets palette/fonts/hero treatment; base.css does the rest. */

/* 1) BEACON — the flagship navy/blue look (matches agent.mlcbenefitadvisors.com).
   Centered image hero, ken-burns, system font. The default. */
.tpl-beacon{
  --accent:#1d7fc3; --accent2:#36b8e8; --accent-ink:#fff;
  --grad:linear-gradient(120deg,#063a63 0%,#1d7fc3 55%,#36b8e8 100%);
  --bg:#f5f9fc; --surface:#fff; --surface-2:#f3f9fe;
  --ink:#0f2438; --muted:#5a6b7b; --line:#e2ebf3; --soft:#e8f2fa; --head:#04243f;
  --hero-overlay:linear-gradient(180deg,rgba(4,36,63,.74),rgba(4,36,63,.55) 45%,rgba(6,58,99,.82));
}

/* 2) MERIDIAN — light, airy, modern. Split hero over a soft tinted photo,
   Sora headings + Inter body, generous whitespace, teal-sky accent. */
.tpl-meridian{
  --accent:#0ea5a5; --accent2:#22d3c5; --accent-ink:#04313a;
  --grad:linear-gradient(120deg,#0d9488 0%,#14b8a6 55%,#2dd4bf 100%);
  --bg:#f6fbfb; --surface:#fff; --surface-2:#effaf8;
  --ink:#0b2b30; --muted:#5b7077; --line:#dcefed; --soft:#e6f7f4; --head:#06363b;
  --font-head:'Sora',system-ui,sans-serif; --font-body:'Inter',system-ui,sans-serif;
  --radius:14px; --radius-lg:22px;
  --hero-overlay:linear-gradient(115deg,rgba(6,54,59,.80),rgba(13,148,136,.55) 60%,rgba(45,212,191,.35));
}
.tpl-meridian .hero h1{text-shadow:0 2px 18px rgba(0,0,0,.25)}
.tpl-meridian .kicker{border-radius:8px}

/* 3) HARBOR — warm, friendly, family-first. Amber + deep teal, rounded soft cards,
   centered photo hero with a warm overlay, Nunito. */
.tpl-harbor{
  --accent:#f2994a; --accent2:#f7b955; --accent-ink:#3a2206;
  --grad:linear-gradient(120deg,#0f766e 0%,#f2994a 100%);
  --bg:#fdf7f0; --surface:#fff; --surface-2:#fdf1e4;
  --ink:#33271c; --muted:#7a6c5d; --line:#f0e3d4; --soft:#fcefe0; --head:#13534d;
  --font-head:'Nunito',system-ui,sans-serif; --font-body:'Nunito',system-ui,sans-serif;
  --radius:22px; --radius-lg:30px; --chip-radius:999px;
  --hero-overlay:linear-gradient(180deg,rgba(19,83,77,.70),rgba(19,83,77,.50) 40%,rgba(242,153,74,.55));
}
.tpl-harbor .value-ico,.tpl-harbor .svc-ico{border-radius:50%}
.tpl-harbor .step-n{border-radius:50%}

/* 4) VANGUARD — bold, dark, high-contrast. Near-black canvas, electric indigo→magenta,
   oversized type, sharp corners, Space Grotesk. */
.tpl-vanguard{
  --accent:#7c5cff; --accent2:#e151ff; --accent-ink:#fff;
  --grad:linear-gradient(120deg,#6d28d9 0%,#7c3aed 45%,#db2777 100%);
  --bg:#0b0b15; --surface:#15152a; --surface-2:#1c1c38;
  --ink:#ecebff; --muted:#a3a0c9; --line:#2a2a4a; --soft:#1d1d3a; --head:#ffffff;
  --font-head:'Space Grotesk',system-ui,sans-serif; --font-body:'Inter',system-ui,sans-serif;
  --radius:8px; --radius-lg:14px; --btn-radius:8px; --chip-radius:6px;
  --hero-overlay:linear-gradient(125deg,rgba(11,11,21,.86),rgba(109,40,217,.55) 55%,rgba(219,39,119,.45));
}
.tpl-vanguard{background:var(--bg)}
.tpl-vanguard .site-head{background:rgba(11,11,21,.85);border-bottom-color:var(--line)}
.tpl-vanguard .brand,.tpl-vanguard .nav a:hover{color:#fff}
.tpl-vanguard .lang-toggle{background:var(--surface);color:#fff;border-color:var(--line)}
.tpl-vanguard .hero h1{font-size:clamp(2.8rem,7.5vw,5.2rem);text-shadow:none}
.tpl-vanguard .section-head h2,.tpl-vanguard .about-copy h2,.tpl-vanguard .value h3,.tpl-vanguard .svc h3,.tpl-vanguard .step h3{color:#fff}
.tpl-vanguard .faq summary{color:#fff}
.tpl-vanguard .site-foot{background:#070710}

/* 5) LEDGER — corporate, trust-forward, editorial. Conservative navy + gold,
   serif (Fraunces) headings, squared cards, restrained. */
.tpl-ledger{
  --accent:#b58a2e; --accent2:#d4af52; --accent-ink:#26210f;
  --grad:linear-gradient(120deg,#0f2747 0%,#1c3c66 60%,#b58a2e 100%);
  --bg:#f7f6f2; --surface:#fff; --surface-2:#f3f1ea;
  --ink:#1d2733; --muted:#5d6470; --line:#e4e1d6; --soft:#f0ece0; --head:#0f2747;
  --font-head:'Fraunces','Georgia',serif; --font-body:'Inter',system-ui,sans-serif;
  --radius:6px; --radius-lg:10px; --btn-radius:6px; --chip-radius:4px;
  --hero-overlay:linear-gradient(180deg,rgba(15,39,71,.82),rgba(15,39,71,.66) 50%,rgba(28,60,102,.85));
}
.tpl-ledger .kicker{letter-spacing:3px}
.tpl-ledger .hero h1{letter-spacing:-.01em}
.tpl-ledger .btn{letter-spacing:.02em}