/* ═══════════════════════════════════════════════════════════════════
   Splurjj Shout — 11 archetype page themes (v1)
   One theme per archetype. Set it with  data-theme="<archetype id>"  on
   <body>:  founder · builder · creator · visionary · innovator · leader ·
            investor · trailblazer · realtor · business_owner · artist
   Load AFTER css/shout-profile.v1.css and css/shout-extra.v1.css.
   NOTE: /css/* is cached immutable. Rename to shout-themes.v2.css on change.
═══════════════════════════════════════════════════════════════════ */
[data-theme]{background:var(--bg);color:var(--ink)}

/* light themes need a visible "soft" fill where dark themes use translucent white */
:is([data-theme="founder"],[data-theme="innovator"],[data-theme="realtor"],[data-theme="business_owner"],[data-theme="artist"])
  :is(.goals li,.meta a,.meta span,.socials a,.arch-badge,.goals code){background:var(--soft)}

/* ═════ FOUNDER — editorial, credibility-first (cream + gold) ═════ */
[data-theme="founder"]{--bg:#f6f1e7;--panel:#fffdf8;--ink:#1a1712;--muted:#6a6355;--line:#e4dccb;--accent:#a8801a;--accent2:#7a5a10;--on-accent:#fff;--soft:#f3ecdb;--head-font:Georgia,'Times New Roman',serif;--head-weight:700;--radius:6px}
[data-theme="founder"] .hero::before{height:8px;background:var(--accent)}
[data-theme="founder"] .avatar{margin-top:18px;border-radius:6px}
[data-theme="founder"] .sec h2{font-family:var(--head-font);text-transform:none;letter-spacing:0;font-size:1.25rem;border-bottom:2px solid var(--accent);padding-bottom:8px;color:var(--ink)}
[data-theme="founder"] .prose{font-family:Georgia,serif;font-size:1.08rem;line-height:1.75}
[data-theme="founder"] .prose::first-letter{font-size:3.2rem;float:left;line-height:.9;padding:6px 10px 0 0;color:var(--accent);font-weight:700}
[data-theme="founder"] .goals .n{border-radius:6px}
[data-theme="founder"] .btn,[data-theme="founder"] .bar a.claim,[data-theme="founder"] .state a{border-radius:4px}

/* ═════ BUILDER — ship log, blueprint grid, monospace ═════ */
[data-theme="builder"]{--bg:#06101f;--panel:#0b1a30;--ink:#fff;--muted:#8fb0d6;--line:#17315a;--accent:#38bdf8;--accent2:#3b82f6;--on-accent:#04101f;--head-font:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;--head-weight:700;--radius:10px}
[data-theme="builder"]{background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:34px 34px;background-position:-1px -1px}
[data-theme="builder"] .sec h2,[data-theme="builder"] .handle,[data-theme="builder"] .goals .n,[data-theme="builder"] .goals code{font-family:var(--head-font)}
[data-theme="builder"] .sec h2::before{content:"// "}
[data-theme="builder"] .goals li{border-left:3px solid var(--accent);border-radius:6px}
[data-theme="builder"] .goals .n{border-radius:6px}
[data-theme="builder"] .goals .n::before{content:"#"}
[data-theme="builder"] .hero{border-style:dashed}
[data-theme="builder"] .avatar{border-radius:10px}

/* ═════ CREATOR — playful, colourful, a little wonky ═════ */
[data-theme="creator"]{--bg:#150a24;--panel:#1f1033;--ink:#fff;--muted:#cdb8ef;--line:#3a1f60;--accent:#c084fc;--accent2:#f472b6;--on-accent:#1a0830;--radius:30px;--head-weight:900}
[data-theme="creator"] .hero::before{height:100%;opacity:.38;background:radial-gradient(circle at 15% 10%,#f472b6,transparent 45%),radial-gradient(circle at 85% 0,#60a5fa,transparent 50%),radial-gradient(circle at 50% 100%,#c084fc,transparent 55%)}
[data-theme="creator"] .avatar{border-radius:38% 62% 55% 45% / 50% 40% 60% 50%;transform:rotate(-4deg)}
[data-theme="creator"] .name{font-style:italic}
[data-theme="creator"] .goals li{border-radius:22px;transform:rotate(-.4deg)}
[data-theme="creator"] .goals li:nth-child(even){transform:rotate(.5deg)}
[data-theme="creator"] .goals .n{border-radius:50% 50% 50% 8px}
[data-theme="creator"] .sec h2{color:var(--accent2)}

/* ═════ VISIONARY — deep space, glow, the horizon ═════ */
[data-theme="visionary"]{--bg:#070718;--panel:#0e0e2a;--ink:#f4f3ff;--muted:#a5a8e0;--line:#23245a;--accent:#818cf8;--accent2:#22d3ee;--on-accent:#06061a;--radius:26px}
[data-theme="visionary"]{background-image:radial-gradient(1.5px 1.5px at 20% 12%,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 72% 8%,rgba(255,255,255,.6),transparent),radial-gradient(1.5px 1.5px at 38% 34%,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 88% 28%,rgba(255,255,255,.6),transparent),radial-gradient(1px 1px at 12% 52%,rgba(255,255,255,.5),transparent),radial-gradient(1.5px 1.5px at 64% 66%,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 30% 88%,rgba(255,255,255,.6),transparent),radial-gradient(ellipse 80% 45% at 50% -8%,rgba(67,56,202,.55),transparent);background-repeat:no-repeat}
[data-theme="visionary"] .hero::before{height:100%;opacity:.5;background:radial-gradient(circle at 50% 0,var(--accent),transparent 65%)}
[data-theme="visionary"] .avatar{box-shadow:0 0 0 4px var(--panel),0 0 40px 6px rgba(129,140,248,.55)}
[data-theme="visionary"] .name{background:linear-gradient(90deg,#fff,var(--accent),var(--accent2));-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
[data-theme="visionary"] .goals li{border-color:#2e2f7a;box-shadow:inset 0 0 30px rgba(79,70,229,.12)}

/* ═════ INNOVATOR — bold outlines, hard shadows, electric amber ═════ */
[data-theme="innovator"]{--bg:#fffbeb;--panel:#ffffff;--ink:#1c1405;--muted:#6b5a2a;--line:#f1dc98;--accent:#f59e0b;--accent2:#ef4444;--on-accent:#1c1405;--soft:#fff4cc;--radius:18px;--head-weight:900}
[data-theme="innovator"] .hero,[data-theme="innovator"] .sec{border:2px solid #1c1405;box-shadow:6px 6px 0 #1c1405}
[data-theme="innovator"] .hero::before{height:100%;opacity:.16}
[data-theme="innovator"] .name{letter-spacing:-.035em}
[data-theme="innovator"] .goals li{border:2px solid #1c1405;background:#fff;box-shadow:4px 4px 0 #1c1405}
[data-theme="innovator"] .goals .n{background:var(--accent);color:#1c1405;border:2px solid #1c1405}
[data-theme="innovator"] .btn,[data-theme="innovator"] .bar a.claim,[data-theme="innovator"] .state a{background:#1c1405;color:#fff}
[data-theme="innovator"] .btn.alt,[data-theme="innovator"] .cta a{background:var(--accent);color:#1c1405}
[data-theme="innovator"] .sec h2{color:#b45309}

/* ═════ LEADER — navy and emerald, formal, steady ═════ */
[data-theme="leader"]{--bg:#06141f;--panel:#0b2233;--ink:#f0fdf8;--muted:#9bbdb4;--line:#14445a;--accent:#34d399;--accent2:#0ea5e9;--on-accent:#04201a;--head-font:Georgia,'Times New Roman',serif;--head-weight:700;--radius:12px}
[data-theme="leader"] .hero::before{height:10px;opacity:1;background:linear-gradient(90deg,var(--accent) 0 33%,#fff 33% 66%,var(--accent2) 66%)}
[data-theme="leader"] .avatar{margin-top:24px;outline:3px solid var(--accent);outline-offset:3px}
[data-theme="leader"] .sec h2{font-family:var(--head-font);text-transform:none;letter-spacing:0;font-size:1.2rem;color:var(--accent)}
[data-theme="leader"] .goals li{border-left:4px solid var(--accent);border-radius:8px}
[data-theme="leader"] .goals .n{border-radius:8px}

/* ═════ INVESTOR — ledger lines, terminal teal ═════ */
[data-theme="investor"]{--bg:#04100f;--panel:#082120;--ink:#e6fffb;--muted:#7fb8b0;--line:#12423d;--accent:#2dd4bf;--accent2:#a3e635;--on-accent:#02201c;--head-font:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;--head-weight:700;--radius:8px}
[data-theme="investor"]{background-image:linear-gradient(rgba(18,66,61,.45) 1px,transparent 1px);background-size:100% 28px}
[data-theme="investor"] .hero::before{height:4px;opacity:1}
[data-theme="investor"] .avatar{margin-top:24px;border-radius:8px}
[data-theme="investor"] .sec h2,[data-theme="investor"] .handle,[data-theme="investor"] .goals .n,[data-theme="investor"] .goals code{font-family:var(--head-font)}
[data-theme="investor"] .sec h2::before{content:"> "}
[data-theme="investor"] .goals{gap:0}
[data-theme="investor"] .goals li{border-radius:0;border-width:0 0 1px;border-style:dashed;background:transparent;padding:14px 4px}
[data-theme="investor"] .goals .n{border-radius:4px}

/* ═════ TRAILBLAZER — warm dark, contour lines, loud caps ═════ */
[data-theme="trailblazer"]{--bg:#140a04;--panel:#201006;--ink:#fff4ea;--muted:#d1a98a;--line:#4a2711;--accent:#fb923c;--accent2:#ef4444;--on-accent:#1a0a02;--head-transform:uppercase;--head-weight:900;--radius:14px}
[data-theme="trailblazer"]{background-image:repeating-radial-gradient(circle at 82% 8%,rgba(251,146,60,.09) 0 2px,transparent 2px 24px)}
[data-theme="trailblazer"] .hero::before{height:100%;opacity:.26;background:linear-gradient(160deg,var(--accent),transparent 62%)}
[data-theme="trailblazer"] .name{letter-spacing:-.035em}
[data-theme="trailblazer"] .sec h2{letter-spacing:.2em}
[data-theme="trailblazer"] .goals li{border-radius:4px;border-left:6px solid var(--accent)}
[data-theme="trailblazer"] .goals .n{border-radius:4px}

/* ═════ REALTOR — sky blue, roofline, listing-card clean ═════ */
[data-theme="realtor"]{--bg:#eaf6ff;--panel:#ffffff;--ink:#0b2540;--muted:#4a6a86;--line:#cfe5f7;--accent:#0ea5e9;--accent2:#1d4ed8;--on-accent:#fff;--soft:#eef7ff;--radius:20px}
[data-theme="realtor"] .hero::before{height:150px;opacity:1;clip-path:polygon(0 0,100% 0,100% 58%,50% 100%,0 58%)}
[data-theme="realtor"] .avatar{margin-top:58px}
[data-theme="realtor"] .hero,[data-theme="realtor"] .sec{box-shadow:0 22px 40px -26px rgba(11,37,64,.45)}
[data-theme="realtor"] .sec h2{color:var(--accent2)}
[data-theme="realtor"] .goals li{border-radius:14px}

/* ═════ BUSINESS OWNER — shop awning, cream and green ═════ */
[data-theme="business_owner"]{--bg:#f4f1e8;--panel:#fffefa;--ink:#13261a;--muted:#5a6f5f;--line:#d9e3d1;--accent:#16a34a;--accent2:#15803d;--on-accent:#fff;--soft:#eaf3e4;--radius:14px;--head-weight:800}
[data-theme="business_owner"] .hero::before{height:46px;opacity:1;background:repeating-linear-gradient(90deg,var(--accent) 0 30px,#ffffff 30px 60px);border-bottom:4px solid #0f5f2e;border-radius:0 0 18px 18px}
[data-theme="business_owner"] .avatar{margin-top:58px;border-radius:12px}
[data-theme="business_owner"] .sec h2{color:var(--accent2)}
[data-theme="business_owner"] .goals li{border-radius:10px;border-left:5px solid var(--accent)}
[data-theme="business_owner"] .goals .n{border-radius:10px}

/* ═════ ARTIST — gallery wall, paint wash, italic serif ═════ */
[data-theme="artist"]{--bg:#fbf8f5;--panel:#ffffff;--ink:#1c1417;--muted:#7a6a70;--line:#ecdfe3;--accent:#ec4899;--accent2:#f97316;--on-accent:#fff;--soft:#fdf0f5;--head-font:Georgia,'Times New Roman',serif;--head-weight:400;--radius:2px}
[data-theme="artist"] .hero{border:0;box-shadow:0 30px 60px -30px rgba(0,0,0,.35)}
[data-theme="artist"] .hero::before{height:100%;opacity:.3;background:radial-gradient(circle at 12% 18%,#ec4899,transparent 38%),radial-gradient(circle at 88% 12%,#f97316,transparent 36%),radial-gradient(circle at 70% 92%,#60a5fa,transparent 40%),radial-gradient(circle at 20% 90%,#a78bfa,transparent 34%)}
[data-theme="artist"] .name{font-style:italic;font-size:clamp(2.4rem,9vw,3.8rem);letter-spacing:-.03em}
[data-theme="artist"] .avatar{width:120px;height:120px;border-radius:2px;border:8px solid #fff;box-shadow:0 10px 30px rgba(0,0,0,.18);transform:rotate(-2deg)}
[data-theme="artist"] .sec h2{font-family:var(--head-font);font-style:italic;text-transform:none;letter-spacing:0;font-size:1.4rem;color:var(--ink)}
[data-theme="artist"] .goals li{border-radius:0;border:0;border-top:1px solid var(--ink);background:transparent;padding:14px 0}
[data-theme="artist"] .goals .n{background:transparent;color:var(--accent);font-family:var(--head-font);font-style:italic;font-size:1.6rem}