/* Creatisoul marketing-site mockups — shared styles, OFFICIAL brand palette
   (docs/brand/brand-guide.md: Creatisoul Blue / Energy Orange / Sky Cyan) */
:root{
  --csm-primary:#1116df;          /* Creatisoul Blue */
  --csm-primary-dark:#0b0fa6;
  --csm-primary-soft:#eef0fe;
  --csm-primary-border:#c3c6f8;
  --csm-accent:#ff6c00;           /* Energy Orange */
  --csm-accent-soft:#fff4ec;
  --csm-cyan:#00c3ff;             /* Sky Cyan — decorative only */
  --csm-ink:#1e293b;
  --csm-muted:#475569;
  --csm-caption:#94a3b8;
  --csm-border:#e2e8f0;
  --csm-bg:#f8fafc;
  --csm-card:#ffffff;
  --font-display:'Bricolage Grotesque',sans-serif;
  --font-body:'Instrument Sans',sans-serif;
  --font-mono:'Spline Sans Mono',monospace;
}
*{box-sizing:border-box}
body{margin:0;font-family:var(--font-body);color:var(--csm-ink);background:var(--csm-bg);line-height:1.55}
h1,h2,h3{font-family:var(--font-display);line-height:1.15;margin:0}
a{color:var(--csm-primary)}
.wrap{max-width:1200px;margin:0 auto;padding:0 24px}
.topbar{background:var(--csm-card);border-bottom:1px solid var(--csm-border);padding:14px 0}
.topbar .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px}
.brand{font-family:var(--font-display);font-weight:800;font-size:1.05rem;color:var(--csm-ink);text-decoration:none}
.brand b{color:var(--csm-primary)}
.crumbs{font-size:.85rem;color:var(--csm-muted)}
.crumbs a{text-decoration:none}
.chip{display:inline-flex;align-items:center;gap:4px;font-size:.68rem;font-weight:700;letter-spacing:.02em;
  padding:2px 8px;border-radius:999px;border:1px solid transparent;white-space:nowrap;vertical-align:middle}
.chip.p1{background:var(--csm-primary);color:#fff}
.chip.p2{background:var(--csm-primary-soft);color:var(--csm-primary);border-color:var(--csm-primary-border)}
.chip.p3{background:#f1f5f9;color:var(--csm-muted);border-color:var(--csm-border)}
.chip.star{background:var(--csm-accent);color:#fff}
.chip.gate{background:var(--csm-accent-soft);color:#c2410c;border-color:#fed7aa}
.chip.noindex{background:#fef2f2;color:#b91c1c;border-color:#fecaca}
.chip.hub{background:#ecfbff;color:#0e7490;border-color:#a5e9ff}
.footer{padding:40px 0 60px;color:var(--csm-muted);font-size:.85rem;text-align:center}