/* Remaining selectable skins (asset/*.jpg).
   LCARS lives in lcars.css; Manuscript + Steampunk live in themes.css. */

/* Shared skin helpers */
html[data-theme="matrix"] .elbow,
html[data-theme="matrix"] .bar-seg,
html[data-theme="matrix"] .rail-block,
html[data-theme="matrix"] .foot-bar,
html[data-theme="slick"] .elbow,
html[data-theme="industrial"] .elbow,
html[data-theme="industrial"] .bar-seg,
html[data-theme="industrial"] .rail-block,
html[data-theme="industrial"] .foot-bar,
html[data-theme="archaic"] .elbow,
html[data-theme="manga"] .elbow,
html[data-theme="manga"] .bar-seg,
html[data-theme="manga"] .rail-block,
html[data-theme="manga"] .foot-bar {
  border-radius: 1px;
}

/* ——— Matrix ——— */
html[data-theme="matrix"] {
  color-scheme: dark;
  --lcars-black: #000000;
  --lcars-bg: #010805;
  --lcars-surface: #03140a;
  --lcars-surface-2: #062010;
  --lcars-gold: #7cff6b;
  --lcars-amber: #1f8a32;
  --lcars-lavender: #0d5c28;
  --lcars-periwinkle: #39ff14;
  --lcars-blue: #8cffb0;
  --lcars-salmon: #b6ff4a;
  --lcars-red: #ff3344;
  --lcars-orange: #7aa32a;
  --lcars-teal: #00c853;
  --lcars-text: #7dff8a;
  --lcars-text-bright: #d4ffd8;
  --lcars-text-muted: #5a9a62;
  --lcars-text-label: #39ff14;
  --lcars-border: #145228;
  --lcars-ink: #001408;
  --radius-pill: 0;
  --radius-elbow: 0;
  --radius-panel: 0;
  --font-display: "Share Tech Mono", "IBM Plex Mono", ui-monospace, monospace;
  --font-body: "Share Tech Mono", "IBM Plex Mono", ui-monospace, monospace;
  --focus: 0 0 0 3px #000, 0 0 0 5px #39ff14;
}

html[data-theme="matrix"] body {
  background:
    repeating-linear-gradient(
      180deg,
      rgba(0, 255, 65, 0.035) 0 1px,
      transparent 1px 3px
    ),
    radial-gradient(ellipse at 50% 0%, rgba(0, 255, 65, 0.08), transparent 50%),
    #000;
}

html[data-theme="matrix"] .lcars-main {
  background: rgba(0, 12, 4, 0.92);
  box-shadow: inset 0 0 40px rgba(0, 255, 65, 0.08);
}

html[data-theme="matrix"] .wordmark,
html[data-theme="matrix"] .hero__title,
html[data-theme="matrix"] .section-title {
  text-shadow: 0 0 12px rgba(57, 255, 20, 0.45);
}

html[data-theme="matrix"] .hero__title-accent {
  color: #39ff14;
}

html[data-theme="matrix"] .lcars-nav__item--amber,
html[data-theme="matrix"] .btn--amber,
html[data-theme="matrix"] .pillar--writer .pillar__chrome,
html[data-theme="matrix"] .cta-panel--amber { background: #1f8a32; color: #d4ffd8; }

html[data-theme="matrix"] .lcars-nav__item--lavender,
html[data-theme="matrix"] .btn--lavender,
html[data-theme="matrix"] .pillar--mcp .pillar__chrome,
html[data-theme="matrix"] .cta-panel--lavender { background: #0d5c28; color: #d4ffd8; }

html[data-theme="matrix"] .lcars-nav__item--periwinkle,
html[data-theme="matrix"] .btn--periwinkle,
html[data-theme="matrix"] .pillar--reader .pillar__chrome,
html[data-theme="matrix"] .cta-panel--periwinkle { background: #39ff14; color: #001408; }

html[data-theme="matrix"] .lcars-nav__item--teal { background: #00c853; color: #001408; }

html[data-theme="matrix"] .lcars-pill--gold,
html[data-theme="matrix"] .btn--primary { background: #7cff6b; color: #001408; }

html[data-theme="matrix"] .btn--ghost {
  color: #7cff6b;
  box-shadow: inset 0 0 0 1px #1f8a32;
}

html[data-theme="matrix"] .status-dot {
  border-radius: 0;
  background: #39ff14;
  box-shadow: 0 0 8px #39ff14;
}

html[data-theme="matrix"] .hero__meta div,
html[data-theme="matrix"] .pillar,
html[data-theme="matrix"] .flow-step,
html[data-theme="matrix"] .callout,
html[data-theme="matrix"] .audience-card,
html[data-theme="matrix"] .final-cta__frame {
  background: #021008;
  border-color: #145228;
  border-radius: 0;
}

html[data-theme="matrix"] a { color: #8cffb0; }
html[data-theme="matrix"] a:hover { color: #39ff14; }

/* ——— Slick ——— */
html[data-theme="slick"] {
  color-scheme: dark;
  --lcars-black: #050508;
  --lcars-bg: #07070c;
  --lcars-surface: #101018;
  --lcars-surface-2: #171722;
  --lcars-gold: #e8eaf2;
  --lcars-amber: #8b90a5;
  --lcars-lavender: #6a6f88;
  --lcars-periwinkle: #9aa4ff;
  --lcars-blue: #7eb8ff;
  --lcars-salmon: #ff7aa2;
  --lcars-red: #ff4d6d;
  --lcars-orange: #c9a27a;
  --lcars-teal: #6ee0c8;
  --lcars-text: #c6c8d4;
  --lcars-text-bright: #f4f5f8;
  --lcars-text-muted: #8b90a5;
  --lcars-text-label: #9aa4ff;
  --lcars-border: #2a2a38;
  --lcars-ink: #07070c;
  --radius-pill: 999px;
  --radius-elbow: 999px;
  --radius-panel: 22px;
  --font-display: "Outfit", "Segoe UI", system-ui, sans-serif;
  --font-body: "Outfit", "Segoe UI", system-ui, sans-serif;
  --focus: 0 0 0 3px #07070c, 0 0 0 5px #e8eaf2;
}

html[data-theme="slick"] body {
  background:
    radial-gradient(ellipse at 80% -10%, rgba(158, 164, 255, 0.14), transparent 42%),
    #050508;
}

html[data-theme="slick"] .wordmark {
  letter-spacing: 0.28em;
  font-weight: 600;
}

html[data-theme="slick"] .lcars-label,
html[data-theme="slick"] .lcars-eyebrow {
  letter-spacing: 0.24em;
  font-weight: 500;
}

html[data-theme="slick"] .lcars-main {
  background: linear-gradient(180deg, #14141e, #0c0c14);
  border: 1px solid #2a2a38;
}

html[data-theme="slick"] .hero__title-accent { color: #9aa4ff; }

html[data-theme="slick"] .lcars-nav__item--amber,
html[data-theme="slick"] .btn--amber,
html[data-theme="slick"] .pillar--writer .pillar__chrome,
html[data-theme="slick"] .cta-panel--amber { background: #8b90a5; color: #07070c; }

html[data-theme="slick"] .lcars-nav__item--lavender,
html[data-theme="slick"] .btn--lavender,
html[data-theme="slick"] .pillar--mcp .pillar__chrome,
html[data-theme="slick"] .cta-panel--lavender { background: #6a6f88; color: #f4f5f8; }

html[data-theme="slick"] .lcars-nav__item--periwinkle,
html[data-theme="slick"] .btn--periwinkle,
html[data-theme="slick"] .pillar--reader .pillar__chrome,
html[data-theme="slick"] .cta-panel--periwinkle { background: #9aa4ff; color: #07070c; }

html[data-theme="slick"] .lcars-nav__item--teal { background: #6ee0c8; color: #07070c; }

html[data-theme="slick"] .lcars-pill--gold,
html[data-theme="slick"] .btn--primary { background: #e8eaf2; color: #07070c; }

html[data-theme="slick"] .btn--ghost {
  color: #f4f5f8;
  box-shadow: inset 0 0 0 1px #2a2a38;
}

html[data-theme="slick"] .hero__meta div,
html[data-theme="slick"] .pillar,
html[data-theme="slick"] .flow-step,
html[data-theme="slick"] .callout,
html[data-theme="slick"] .audience-card,
html[data-theme="slick"] .final-cta__frame {
  background: #0b0b12;
  border-color: #2a2a38;
}

html[data-theme="slick"] a { color: #7eb8ff; }
html[data-theme="slick"] a:hover { color: #e8eaf2; }

/* ——— Industrial ——— */
html[data-theme="industrial"] {
  color-scheme: dark;
  --lcars-black: #101010;
  --lcars-bg: #161412;
  --lcars-surface: #22201c;
  --lcars-surface-2: #2c2924;
  --lcars-gold: #e0b43c;
  --lcars-amber: #c45a1c;
  --lcars-lavender: #6a5a4a;
  --lcars-periwinkle: #8a8680;
  --lcars-blue: #7a8490;
  --lcars-salmon: #d4783c;
  --lcars-red: #b4321c;
  --lcars-orange: #e07020;
  --lcars-teal: #6a7a62;
  --lcars-text: #d8d2c8;
  --lcars-text-bright: #f2eee6;
  --lcars-text-muted: #9a9288;
  --lcars-text-label: #e0b43c;
  --lcars-border: #4a443c;
  --lcars-ink: #121110;
  --radius-pill: 2px;
  --radius-elbow: 2px;
  --radius-panel: 2px;
  --font-display: "Oswald", "Impact", system-ui, sans-serif;
  --font-body: "Oswald", "Segoe UI", system-ui, sans-serif;
  --focus: 0 0 0 3px #161412, 0 0 0 5px #e0b43c;
}

html[data-theme="industrial"] body {
  background:
    repeating-linear-gradient(
      -45deg,
      #161412 0 10px,
      #1a1814 10px 12px
    );
}

html[data-theme="industrial"] .lcars-label,
html[data-theme="industrial"] .lcars-eyebrow,
html[data-theme="industrial"] .wordmark {
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

html[data-theme="industrial"] .lcars-main {
  background: #22201c;
  border: 2px solid #4a443c;
  box-shadow: 6px 6px 0 #c45a1c;
}

html[data-theme="industrial"] .hero__title-accent { color: #e0b43c; }

html[data-theme="industrial"] .lcars-nav__item--amber,
html[data-theme="industrial"] .btn--amber,
html[data-theme="industrial"] .pillar--writer .pillar__chrome,
html[data-theme="industrial"] .cta-panel--amber { background: #c45a1c; color: #f2eee6; }

html[data-theme="industrial"] .lcars-nav__item--lavender,
html[data-theme="industrial"] .btn--lavender,
html[data-theme="industrial"] .pillar--mcp .pillar__chrome,
html[data-theme="industrial"] .cta-panel--lavender { background: #6a5a4a; color: #f2eee6; }

html[data-theme="industrial"] .lcars-nav__item--periwinkle,
html[data-theme="industrial"] .btn--periwinkle,
html[data-theme="industrial"] .pillar--reader .pillar__chrome,
html[data-theme="industrial"] .cta-panel--periwinkle { background: #8a8680; color: #121110; }

html[data-theme="industrial"] .lcars-nav__item--teal { background: #6a7a62; color: #f2eee6; }

html[data-theme="industrial"] .lcars-pill--gold,
html[data-theme="industrial"] .btn--primary { background: #e0b43c; color: #121110; }

html[data-theme="industrial"] .btn--ghost {
  color: #f2eee6;
  box-shadow: inset 0 0 0 2px #4a443c;
}

html[data-theme="industrial"] .status-dot {
  border-radius: 0;
  background: #e0b43c;
}

html[data-theme="industrial"] .hero__meta div,
html[data-theme="industrial"] .pillar,
html[data-theme="industrial"] .flow-step,
html[data-theme="industrial"] .callout,
html[data-theme="industrial"] .audience-card,
html[data-theme="industrial"] .final-cta__frame {
  background: #161412;
  border: 1px solid #4a443c;
  border-radius: 2px;
}

html[data-theme="industrial"] a { color: #e0b43c; }
html[data-theme="industrial"] a:hover { color: #d4783c; }

/* ——— Fantasy ——— */
html[data-theme="fantasy"] {
  color-scheme: dark;
  --lcars-black: #0c0704;
  --lcars-bg: #140c08;
  --lcars-surface: #1c120c;
  --lcars-surface-2: #26180e;
  --lcars-gold: #d4b46a;
  --lcars-amber: #8a5a28;
  --lcars-lavender: #6a3058;
  --lcars-periwinkle: #3d5c78;
  --lcars-blue: #7a9ab8;
  --lcars-salmon: #c47848;
  --lcars-red: #8a241c;
  --lcars-orange: #b86a28;
  --lcars-teal: #3d6b58;
  --lcars-text: #e4d2b0;
  --lcars-text-bright: #f6ead0;
  --lcars-text-muted: #a89068;
  --lcars-text-label: #d4b46a;
  --lcars-border: #6a4a28;
  --lcars-ink: #140c08;
  --radius-pill: 8px;
  --radius-elbow: 18px;
  --radius-panel: 10px;
  --font-display: "Cinzel", Palatino, serif;
  --font-body: "Cormorant Garamond", Palatino, Georgia, serif;
  --focus: 0 0 0 3px #140c08, 0 0 0 5px #d4b46a;
}

html[data-theme="fantasy"] body {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(212, 180, 106, 0.16), transparent 46%),
    radial-gradient(ellipse at 100% 100%, rgba(106, 48, 88, 0.2), transparent 40%),
    #100804;
}

html[data-theme="fantasy"] .wordmark {
  letter-spacing: 0.22em;
}

html[data-theme="fantasy"] .lcars-main {
  background:
    linear-gradient(180deg, rgba(212, 180, 106, 0.08), transparent 12%),
    #1c120c;
  border: 1px solid #6a4a28;
  box-shadow: 0 0 0 1px rgba(212, 180, 106, 0.15), 0 24px 60px rgba(0, 0, 0, 0.45);
}

html[data-theme="fantasy"] .hero__title-accent {
  color: #d4b46a;
  font-style: italic;
  font-family: var(--font-body);
}

html[data-theme="fantasy"] .lcars-nav__item--amber,
html[data-theme="fantasy"] .btn--amber,
html[data-theme="fantasy"] .pillar--writer .pillar__chrome,
html[data-theme="fantasy"] .cta-panel--amber { background: #8a5a28; color: #f6ead0; }

html[data-theme="fantasy"] .lcars-nav__item--lavender,
html[data-theme="fantasy"] .btn--lavender,
html[data-theme="fantasy"] .pillar--mcp .pillar__chrome,
html[data-theme="fantasy"] .cta-panel--lavender { background: #6a3058; color: #f6ead0; }

html[data-theme="fantasy"] .lcars-nav__item--periwinkle,
html[data-theme="fantasy"] .btn--periwinkle,
html[data-theme="fantasy"] .pillar--reader .pillar__chrome,
html[data-theme="fantasy"] .cta-panel--periwinkle { background: #3d5c78; color: #f6ead0; }

html[data-theme="fantasy"] .lcars-nav__item--teal { background: #3d6b58; color: #f6ead0; }

html[data-theme="fantasy"] .lcars-pill--gold,
html[data-theme="fantasy"] .btn--primary {
  background: linear-gradient(180deg, #ecd89a, #d4b46a);
  color: #140c08;
}

html[data-theme="fantasy"] .btn--ghost {
  color: #f6ead0;
  box-shadow: inset 0 0 0 1px #d4b46a;
}

html[data-theme="fantasy"] .hero__meta div,
html[data-theme="fantasy"] .pillar,
html[data-theme="fantasy"] .flow-step,
html[data-theme="fantasy"] .callout,
html[data-theme="fantasy"] .audience-card,
html[data-theme="fantasy"] .final-cta__frame {
  background: #140c08;
  border-color: #6a4a28;
}

html[data-theme="fantasy"] a { color: #d4b46a; }
html[data-theme="fantasy"] a:hover { color: #f6ead0; }

/* ——— Archaic ——— stone + neon graffiti */
html[data-theme="archaic"] {
  color-scheme: dark;
  --lcars-black: #1a1a1c;
  --lcars-bg: #242426;
  --lcars-surface: #2e2e30;
  --lcars-surface-2: #3a3a3c;
  --lcars-gold: #c8ff32;
  --lcars-amber: #8cc800;
  --lcars-lavender: #f02878;
  --lcars-periwinkle: #00c8c8;
  --lcars-blue: #64f0f0;
  --lcars-salmon: #ff6aa0;
  --lcars-red: #ff2a6a;
  --lcars-orange: #ff9a32;
  --lcars-teal: #00a0a0;
  --lcars-text: #e8e8e4;
  --lcars-text-bright: #f8f8f4;
  --lcars-text-muted: #a0a098;
  --lcars-text-label: #c8ff32;
  --lcars-border: #505054;
  --lcars-ink: #141416;
  --radius-pill: 3px;
  --radius-elbow: 0;
  --radius-panel: 2px;
  --font-display: "Orbitron", "Oswald", system-ui, sans-serif;
  --font-body: "Oswald", "Segoe UI", system-ui, sans-serif;
  --focus: 0 0 0 3px #242426, 0 0 0 5px #c8ff32;
}

html[data-theme="archaic"] body {
  background:
    linear-gradient(180deg, rgba(0, 0, 0, 0.25), transparent 30%),
    repeating-linear-gradient(90deg, #2a2a2c 0 14px, #262628 14px 15px);
}

html[data-theme="archaic"] .wordmark {
  letter-spacing: 0.16em;
  text-shadow: 0 0 10px rgba(200, 255, 50, 0.35);
}

html[data-theme="archaic"] .lcars-main {
  background: #2e2e30;
  border-top: 3px solid #8cc800;
  box-shadow: inset 0 0 0 1px #3a3a3c;
}

html[data-theme="archaic"] .hero__title-accent {
  color: #f02878;
  text-shadow: 0 0 10px rgba(240, 40, 120, 0.45);
}

html[data-theme="archaic"] .lcars-nav__item--amber,
html[data-theme="archaic"] .btn--amber,
html[data-theme="archaic"] .pillar--writer .pillar__chrome,
html[data-theme="archaic"] .cta-panel--amber { background: #8cc800; color: #141416; }

html[data-theme="archaic"] .lcars-nav__item--lavender,
html[data-theme="archaic"] .btn--lavender,
html[data-theme="archaic"] .pillar--mcp .pillar__chrome,
html[data-theme="archaic"] .cta-panel--lavender { background: #f02878; color: #fff; }

html[data-theme="archaic"] .lcars-nav__item--periwinkle,
html[data-theme="archaic"] .btn--periwinkle,
html[data-theme="archaic"] .pillar--reader .pillar__chrome,
html[data-theme="archaic"] .cta-panel--periwinkle { background: #00c8c8; color: #141416; }

html[data-theme="archaic"] .lcars-nav__item--teal { background: #00a0a0; color: #141416; }

html[data-theme="archaic"] .lcars-pill--gold,
html[data-theme="archaic"] .btn--primary { background: #c8ff32; color: #141416; }

html[data-theme="archaic"] .btn--ghost {
  color: #c8ff32;
  box-shadow: inset 0 0 0 1px #8cc800;
}

html[data-theme="archaic"] .status-dot {
  background: #f02878;
  box-shadow: 0 0 8px #f02878;
}

html[data-theme="archaic"] .hero__meta div,
html[data-theme="archaic"] .pillar,
html[data-theme="archaic"] .flow-step,
html[data-theme="archaic"] .callout,
html[data-theme="archaic"] .audience-card,
html[data-theme="archaic"] .final-cta__frame {
  background: #242426;
  border-color: #505054;
  border-radius: 2px;
}

html[data-theme="archaic"] a { color: #64f0f0; }
html[data-theme="archaic"] a:hover { color: #c8ff32; }

/* ——— Party ——— */
html[data-theme="party"] {
  color-scheme: dark;
  --lcars-black: #0c0614;
  --lcars-bg: #12081e;
  --lcars-surface: #1c102c;
  --lcars-surface-2: #281640;
  --lcars-gold: #ffe066;
  --lcars-amber: #ff4d9a;
  --lcars-lavender: #b44dff;
  --lcars-periwinkle: #4dd4ff;
  --lcars-blue: #7ae0ff;
  --lcars-salmon: #ff7ab6;
  --lcars-red: #ff2d6a;
  --lcars-orange: #ff8a3d;
  --lcars-teal: #3dffc5;
  --lcars-text: #f0d8ff;
  --lcars-text-bright: #fff4ff;
  --lcars-text-muted: #b498c8;
  --lcars-text-label: #ff7ab6;
  --lcars-border: #4a2870;
  --lcars-ink: #12081e;
  --radius-pill: 999px;
  --radius-elbow: 24px;
  --radius-panel: 20px;
  --font-display: "Bungee", "Oswald", system-ui, sans-serif;
  --font-body: "Nunito", "Segoe UI", system-ui, sans-serif;
  --focus: 0 0 0 3px #12081e, 0 0 0 5px #ff4d9a;
}

html[data-theme="party"] body {
  background:
    radial-gradient(circle at 15% 20%, rgba(180, 77, 255, 0.28), transparent 32%),
    radial-gradient(circle at 85% 10%, rgba(255, 77, 154, 0.22), transparent 30%),
    radial-gradient(circle at 70% 90%, rgba(77, 212, 255, 0.18), transparent 34%),
    #0c0614;
}

html[data-theme="party"] .wordmark,
html[data-theme="party"] .hero__title {
  text-shadow: 0 0 16px rgba(255, 77, 154, 0.45);
}

html[data-theme="party"] .lcars-label,
html[data-theme="party"] .lcars-eyebrow {
  font-family: "Nunito", sans-serif;
  letter-spacing: 0.18em;
}

html[data-theme="party"] .lcars-main {
  background: rgba(28, 16, 44, 0.88);
  box-shadow: 0 0 40px rgba(180, 77, 255, 0.18);
}

html[data-theme="party"] .hero__title-accent { color: #4dd4ff; }

html[data-theme="party"] .lcars-nav__item--amber,
html[data-theme="party"] .btn--amber,
html[data-theme="party"] .pillar--writer .pillar__chrome,
html[data-theme="party"] .cta-panel--amber { background: #ff4d9a; color: #12081e; }

html[data-theme="party"] .lcars-nav__item--lavender,
html[data-theme="party"] .btn--lavender,
html[data-theme="party"] .pillar--mcp .pillar__chrome,
html[data-theme="party"] .cta-panel--lavender { background: #b44dff; color: #fff4ff; }

html[data-theme="party"] .lcars-nav__item--periwinkle,
html[data-theme="party"] .btn--periwinkle,
html[data-theme="party"] .pillar--reader .pillar__chrome,
html[data-theme="party"] .cta-panel--periwinkle { background: #4dd4ff; color: #12081e; }

html[data-theme="party"] .lcars-nav__item--teal { background: #3dffc5; color: #12081e; }

html[data-theme="party"] .lcars-pill--gold,
html[data-theme="party"] .btn--primary { background: #ffe066; color: #12081e; }

html[data-theme="party"] .btn--ghost {
  color: #fff4ff;
  box-shadow: inset 0 0 0 2px #b44dff;
}

html[data-theme="party"] .status-dot {
  background: #ff4d9a;
  box-shadow: 0 0 10px #ff4d9a;
}

html[data-theme="party"] .hero__meta div,
html[data-theme="party"] .pillar,
html[data-theme="party"] .flow-step,
html[data-theme="party"] .callout,
html[data-theme="party"] .audience-card,
html[data-theme="party"] .final-cta__frame {
  background: #160a24;
  border-color: #4a2870;
}

html[data-theme="party"] a { color: #4dd4ff; }
html[data-theme="party"] a:hover { color: #ffe066; }

/* ——— Anime ——— */
html[data-theme="anime"] {
  color-scheme: dark;
  --lcars-black: #0a0814;
  --lcars-bg: #12101e;
  --lcars-surface: #1a1730;
  --lcars-surface-2: #241e42;
  --lcars-gold: #ffd6ef;
  --lcars-amber: #ff7ab6;
  --lcars-lavender: #9b6bff;
  --lcars-periwinkle: #7aa2ff;
  --lcars-blue: #89c4ff;
  --lcars-salmon: #ff9ac8;
  --lcars-red: #ff4d7a;
  --lcars-orange: #ffb07a;
  --lcars-teal: #7ae0d6;
  --lcars-text: #e6dcff;
  --lcars-text-bright: #fff6ff;
  --lcars-text-muted: #a898c4;
  --lcars-text-label: #ff9ac8;
  --lcars-border: #3a3260;
  --lcars-ink: #12101e;
  --radius-pill: 18px;
  --radius-elbow: 22px;
  --radius-panel: 16px;
  --font-display: "M PLUS Rounded 1c", "Nunito", system-ui, sans-serif;
  --font-body: "M PLUS Rounded 1c", "Nunito", system-ui, sans-serif;
  --focus: 0 0 0 3px #12101e, 0 0 0 5px #ff7ab6;
}

html[data-theme="anime"] body {
  background:
    radial-gradient(circle at 20% 0%, rgba(155, 107, 255, 0.22), transparent 36%),
    radial-gradient(circle at 90% 80%, rgba(255, 122, 182, 0.16), transparent 32%),
    #0c0a16;
}

html[data-theme="anime"] .wordmark { letter-spacing: 0.12em; }

html[data-theme="anime"] .lcars-main {
  background: linear-gradient(180deg, #221c3c, #161228);
  border: 1px solid #3a3260;
}

html[data-theme="anime"] .hero__title-accent { color: #ff7ab6; }

html[data-theme="anime"] .lcars-nav__item--amber,
html[data-theme="anime"] .btn--amber,
html[data-theme="anime"] .pillar--writer .pillar__chrome,
html[data-theme="anime"] .cta-panel--amber { background: #ff7ab6; color: #12101e; }

html[data-theme="anime"] .lcars-nav__item--lavender,
html[data-theme="anime"] .btn--lavender,
html[data-theme="anime"] .pillar--mcp .pillar__chrome,
html[data-theme="anime"] .cta-panel--lavender { background: #9b6bff; color: #fff6ff; }

html[data-theme="anime"] .lcars-nav__item--periwinkle,
html[data-theme="anime"] .btn--periwinkle,
html[data-theme="anime"] .pillar--reader .pillar__chrome,
html[data-theme="anime"] .cta-panel--periwinkle { background: #7aa2ff; color: #12101e; }

html[data-theme="anime"] .lcars-nav__item--teal { background: #7ae0d6; color: #12101e; }

html[data-theme="anime"] .lcars-pill--gold,
html[data-theme="anime"] .btn--primary { background: #ffd6ef; color: #12101e; }

html[data-theme="anime"] .btn--ghost {
  color: #fff6ff;
  box-shadow: inset 0 0 0 2px #9b6bff;
}

html[data-theme="anime"] .status-dot {
  background: #ff7ab6;
  box-shadow: 0 0 0 3px rgba(255, 122, 182, 0.28);
}

html[data-theme="anime"] .hero__meta div,
html[data-theme="anime"] .pillar,
html[data-theme="anime"] .flow-step,
html[data-theme="anime"] .callout,
html[data-theme="anime"] .audience-card,
html[data-theme="anime"] .final-cta__frame {
  background: #141022;
  border-color: #3a3260;
}

html[data-theme="anime"] a { color: #89c4ff; }
html[data-theme="anime"] a:hover { color: #ff7ab6; }

/* ——— Manga ——— ink, paper, spot red */
html[data-theme="manga"] {
  color-scheme: dark;
  --lcars-black: #000000;
  --lcars-bg: #111111;
  --lcars-surface: #1a1a1a;
  --lcars-surface-2: #242424;
  --lcars-gold: #f2f2f2;
  --lcars-amber: #d62828;
  --lcars-lavender: #786478;
  --lcars-periwinkle: #3a4a6b;
  --lcars-blue: #7a8ca8;
  --lcars-salmon: #c8b4b4;
  --lcars-red: #d62828;
  --lcars-orange: #b44a3a;
  --lcars-teal: #4a5a58;
  --lcars-text: #e8e4e4;
  --lcars-text-bright: #fafafa;
  --lcars-text-muted: #9a9494;
  --lcars-text-label: #d62828;
  --lcars-border: #3a3a3a;
  --lcars-ink: #000000;
  --radius-pill: 0;
  --radius-elbow: 0;
  --radius-panel: 0;
  --font-display: "Shippori Mincho", "Noto Serif JP", "Times New Roman", serif;
  --font-body: "Shippori Mincho", "Noto Serif JP", Georgia, serif;
  --focus: 0 0 0 3px #111, 0 0 0 5px #d62828;
}

html[data-theme="manga"] body {
  background:
    radial-gradient(circle, rgba(255, 255, 255, 0.06) 0.8px, transparent 1px) 0 0 / 6px 6px,
    #0a0a0a;
}

html[data-theme="manga"] .wordmark {
  letter-spacing: 0.2em;
}

html[data-theme="manga"] .lcars-main {
  background: #161616;
  border: 2px solid #f2f2f2;
}

html[data-theme="manga"] .hero__title-accent {
  color: #d62828;
  font-style: italic;
}

html[data-theme="manga"] .lcars-nav__item--amber,
html[data-theme="manga"] .btn--amber,
html[data-theme="manga"] .pillar--writer .pillar__chrome,
html[data-theme="manga"] .cta-panel--amber { background: #d62828; color: #fafafa; }

html[data-theme="manga"] .lcars-nav__item--lavender,
html[data-theme="manga"] .btn--lavender,
html[data-theme="manga"] .pillar--mcp .pillar__chrome,
html[data-theme="manga"] .cta-panel--lavender { background: #786478; color: #fafafa; }

html[data-theme="manga"] .lcars-nav__item--periwinkle,
html[data-theme="manga"] .btn--periwinkle,
html[data-theme="manga"] .pillar--reader .pillar__chrome,
html[data-theme="manga"] .cta-panel--periwinkle { background: #3a4a6b; color: #fafafa; }

html[data-theme="manga"] .lcars-nav__item--teal { background: #4a5a58; color: #fafafa; }

html[data-theme="manga"] .lcars-pill--gold,
html[data-theme="manga"] .btn--primary { background: #f2f2f2; color: #111; }

html[data-theme="manga"] .btn--ghost {
  color: #fafafa;
  box-shadow: inset 0 0 0 2px #f2f2f2;
}

html[data-theme="manga"] .status-dot {
  border-radius: 0;
  background: #d62828;
}

html[data-theme="manga"] .hero__meta div,
html[data-theme="manga"] .pillar,
html[data-theme="manga"] .flow-step,
html[data-theme="manga"] .callout,
html[data-theme="manga"] .audience-card,
html[data-theme="manga"] .final-cta__frame {
  background: #111;
  border: 1px solid #3a3a3a;
  border-radius: 0;
}

html[data-theme="manga"] a { color: #d62828; }
html[data-theme="manga"] a:hover { color: #f2f2f2; }

/* ——— Cartoon ——— */
html[data-theme="cartoon"] {
  color-scheme: dark;
  --lcars-black: #141028;
  --lcars-bg: #1a1634;
  --lcars-surface: #241e44;
  --lcars-surface-2: #2e2658;
  --lcars-gold: #ffd24a;
  --lcars-amber: #f0a03c;
  --lcars-lavender: #c46bff;
  --lcars-periwinkle: #5aa0ff;
  --lcars-blue: #7ec8ff;
  --lcars-salmon: #ff7a6a;
  --lcars-red: #ff4d4d;
  --lcars-orange: #ff8c32;
  --lcars-teal: #3ddc97;
  --lcars-text: #ffe9c8;
  --lcars-text-bright: #fff6e4;
  --lcars-text-muted: #c8b09a;
  --lcars-text-label: #ffd24a;
  --lcars-border: #4a3c78;
  --lcars-ink: #1a1634;
  --radius-pill: 22px;
  --radius-elbow: 28px;
  --radius-panel: 22px;
  --font-display: "Fredoka", "Nunito", system-ui, sans-serif;
  --font-body: "Nunito", "Segoe UI", system-ui, sans-serif;
  --focus: 0 0 0 3px #1a1634, 0 0 0 5px #ffd24a;
}

html[data-theme="cartoon"] body {
  background:
    radial-gradient(circle at 12% 18%, #f0a03c 0 10px, transparent 11px),
    radial-gradient(circle at 88% 12%, #5aa0ff 0 8px, transparent 9px),
    radial-gradient(circle at 80% 86%, #c46bff 0 12px, transparent 13px),
    #1a1634;
}

html[data-theme="cartoon"] .wordmark {
  letter-spacing: 0.08em;
}

html[data-theme="cartoon"] .lcars-main {
  background: #241e44;
  border: 4px solid #ffd24a;
  border-radius: 28px;
}

html[data-theme="cartoon"] .hero__title-accent { color: #ffd24a; }

html[data-theme="cartoon"] .lcars-nav__item,
html[data-theme="cartoon"] .btn,
html[data-theme="cartoon"] .cta-panel {
  border: 2px solid #1a1634;
}

html[data-theme="cartoon"] .lcars-nav__item--amber,
html[data-theme="cartoon"] .btn--amber,
html[data-theme="cartoon"] .pillar--writer .pillar__chrome,
html[data-theme="cartoon"] .cta-panel--amber { background: #f0a03c; color: #1a1634; }

html[data-theme="cartoon"] .lcars-nav__item--lavender,
html[data-theme="cartoon"] .btn--lavender,
html[data-theme="cartoon"] .pillar--mcp .pillar__chrome,
html[data-theme="cartoon"] .cta-panel--lavender { background: #c46bff; color: #fff6e4; }

html[data-theme="cartoon"] .lcars-nav__item--periwinkle,
html[data-theme="cartoon"] .btn--periwinkle,
html[data-theme="cartoon"] .pillar--reader .pillar__chrome,
html[data-theme="cartoon"] .cta-panel--periwinkle { background: #5aa0ff; color: #1a1634; }

html[data-theme="cartoon"] .lcars-nav__item--teal { background: #3ddc97; color: #1a1634; }

html[data-theme="cartoon"] .lcars-pill--gold,
html[data-theme="cartoon"] .btn--primary { background: #ffd24a; color: #1a1634; }

html[data-theme="cartoon"] .btn--ghost {
  color: #fff6e4;
  box-shadow: inset 0 0 0 3px #ffd24a;
  border: 0;
}

html[data-theme="cartoon"] .status-dot {
  background: #3ddc97;
  box-shadow: 0 0 0 3px rgba(61, 220, 151, 0.28);
}

html[data-theme="cartoon"] .hero__meta div,
html[data-theme="cartoon"] .pillar,
html[data-theme="cartoon"] .flow-step,
html[data-theme="cartoon"] .callout,
html[data-theme="cartoon"] .audience-card,
html[data-theme="cartoon"] .final-cta__frame {
  background: #1a1634;
  border: 3px solid #4a3c78;
  border-radius: 18px;
}

html[data-theme="cartoon"] a { color: #7ec8ff; }
html[data-theme="cartoon"] a:hover { color: #ffd24a; }