/* ════════════════════════════════════════════════════════════════
   Moonlight Gallery v2 — SYSTEMS.CSS  (6 design-system skins)
   Each .sys-N is a complete token re-skin: font trio, light + stage
   accents, paper tone, display feel, dark-stage gradient. Iso engine
   is re-themed via window.ISO_PRESET in the generator (one per system).
   ════════════════════════════════════════════════════════════════ */

/* ───────── sys-1 · Editorial Broadsheet ───────── */
/* Restrained financial-broadsheet. Serif display, cool paper, terracotta hairline accent. */
.sys-1{
  --disp:"Fraunces",Georgia,serif; --body:"Geist",sans-serif; --mono:"DM Mono",monospace;
  --paper:#f7f6f2; --paper2:#efede7; --paper3:#e8e5dd; --ink:#16140f; --ink-soft:#3c3a33; --muted:#6c6a60;
  --accent-light:#bf3c1f; --accent-stage:#e2a06a; --grain:.04;
}
.sys-1 .hero2 h1{font-weight:600;letter-spacing:-.02em}
.sys-1 .section-head h2,.sys-1 .spotlight-copy h3{font-weight:600;letter-spacing:-.018em}
.sys-1 .iso-sticky{background:radial-gradient(130% 120% at 58% -5%,#1a1712 0%,#12100b 46%,#0a0907 100%)}

/* ───────── sys-2 · Premium Depth ───────── */
/* Warm, cinematic, generous. Schibsted display, amber accent, rich depth stage. */
.sys-2{
  --disp:"Schibsted Grotesk",sans-serif; --body:"Geist",sans-serif; --mono:"DM Mono",monospace;
  --paper:#faf7f1; --paper2:#f2ede3; --paper3:#eae3d6; --ink:#13110d; --ink-soft:#3a352c; --muted:#6e6557;
  --accent-light:#d97a18; --accent-stage:#ffb86b; --grain:.035;
}
.sys-2 .hero2 h1{font-weight:800;letter-spacing:-.036em}
.sys-2 .iso-sticky{background:radial-gradient(130% 120% at 64% -8%,#1c2740 0%,#111a2c 40%,#0a1018 100%)}

/* ───────── sys-3 · Night Market  (current B+ baseline, refined) ───────── */
/* Violet night-market stage, warm paper, orange light accent. */
.sys-3{
  --disp:"Schibsted Grotesk",sans-serif; --body:"Geist",sans-serif; --mono:"DM Mono",monospace;
  --paper:#faf8f4; --paper2:#f3f0ea; --paper3:#ece8e0; --ink:#11151c; --ink-soft:#39414d; --muted:#6a7280;
  --accent-light:#ff5a1f; --accent-stage:#c9a3ff; --grain:.035;
}
.sys-3 .hero2 h1{font-weight:800;letter-spacing:-.038em}
.sys-3 .iso-sticky{background:radial-gradient(130% 120% at 63% -7%,#241c48 0%,#14122f 42%,#080a1a 100%)}

/* ───────── sys-4 · Aurora Cool ───────── */
/* Cool, technical, lush. Space Grotesk display, teal accent, aurora stage. */
.sys-4{
  --disp:"Space Grotesk",sans-serif; --body:"Geist",sans-serif; --mono:"DM Mono",monospace;
  --paper:#f6f8f8; --paper2:#e9efef; --paper3:#dfe8e8; --ink:#0e1719; --ink-soft:#33444a; --muted:#5f7178;
  --accent-light:#0d9488; --accent-stage:#5fe0d0; --grain:.03;
}
.sys-4 .hero2 h1{font-weight:700;letter-spacing:-.03em}
.sys-4 .iso-sticky{background:radial-gradient(130% 120% at 62% -6%,#0c2638 0%,#0a1a2e 44%,#06101e 100%)}

/* ───────── sys-5 · Copper Ops ───────── */
/* Warm-black, copper/amber dominant, the most premium-warm mood. */
.sys-5{
  --disp:"Sora",sans-serif; --body:"Geist",sans-serif; --mono:"DM Mono",monospace;
  --paper:#f9f6f1; --paper2:#f1ebe1; --paper3:#e9e0d2; --ink:#171108; --ink-soft:#3d3426; --muted:#6f6453;
  --accent-light:#b45309; --accent-stage:#ffb872; --grain:.04;
}
.sys-5 .hero2 h1{font-weight:700;letter-spacing:-.034em}
.sys-5 .iso-sticky{background:radial-gradient(130% 120% at 62% -6%,#2a1c14 0%,#1a1410 42%,#0f0c0a 100%)}

/* ───────── sys-6 · Soft Structuralism ───────── */
/* Airy, bright, massive bold grotesk, very soft diffused shadows, cobalt accent. */
.sys-6{
  --disp:"Plus Jakarta Sans",sans-serif; --body:"Geist",sans-serif; --mono:"DM Mono",monospace;
  --paper:#fcfcfb; --paper2:#f4f5f6; --paper3:#edeef0; --ink:#0d1014; --ink-soft:#384049; --muted:#69727c;
  --accent-light:#2563eb; --accent-stage:#8fc8ff; --grain:.025;
  --shadow-md:0 2px 4px rgba(13,16,20,.04),0 12px 28px rgba(13,16,20,.06),0 36px 70px rgba(13,16,20,.08);
  --shadow-lg:0 2px 6px rgba(13,16,20,.05),0 18px 38px rgba(13,16,20,.07),0 56px 110px rgba(13,16,20,.10);
}
.sys-6 .hero2 h1{font-weight:800;letter-spacing:-.04em}
.sys-6 .iso-sticky{background:radial-gradient(130% 120% at 60% -6%,#0f2138 0%,#0b1424 44%,#070d18 100%)}

/* route eyebrow dash + accents through the per-system light accent */
.eyebrow::before{background:var(--accent-light)}
.iso-intro .eyebrow::before{background:var(--accent-stage)}
.iso-cap .bar{background:var(--accent-stage)}