/* Visual-novel demo themes.
   The portfolio's VN player ships six named palettes. They are NOT the site palette —
   they are diegetic: each one is the mood of one story. Apply with
   `data-vn-theme="akademiya|shelk|utro|dvor|polyn|legenda"` on any wrapper.
   Values copied verbatim from public/portfolio/index.html → THEMES. */

[data-vn-theme] {
  --vn-font-display: var(--font-serif-vn-display);
  --vn-font-ui: var(--font-serif-vn-ui);
}

/* 1 · Академия Магнум — тёмное фэнтези, драма (default) */
[data-vn-theme="akademiya"] {
  --vn-stage: #20231b;
  --vn-ink: #2c3026;
  --vn-ink-text: #ededE8;
  --vn-ink-sub: #b9bbb2;
  --vn-ink-muted: #8c9082;
  --vn-ink-border: rgba(209, 210, 212, 0.28);
  --vn-accent: #b25c40;
  --vn-accent-hover: #c46b4e;
  --vn-accent-text: #f5efe8;
  --vn-char-a: #c19386;
  --vn-char-a-text: #3e332c;
  --vn-char-b: #b25c40;
  --vn-char-b-text: #f5eae3;
  --vn-char-c: #e4e1d8;
  --vn-char-c-text: #3e4235;
  --vn-card: #d1d2d4;
  --vn-card-text: #3e4235;
  --vn-card-hover: #eae4dc;
  --vn-narrator: #b25c40;
  --vn-narrator-text: #f7f0e9;
  --vn-dark-btn: #44493d;
  --vn-dark-btn-text: #ededE8;
  --vn-dark-btn-hover: #565c4b;
  --vn-panel: #282b22;
  --vn-panel-text: #d9dad4;
  --vn-panel-heading: #9ba08d;
  --vn-panel-label: #8a8f7c;
  --vn-panel-divider: rgba(217, 218, 212, 0.14);
}

/* 2 · Полночный шёлк */
[data-vn-theme="shelk"] {
  --vn-stage: #0f1220;
  --vn-ink: #171b2c;
  --vn-ink-text: #edeef5;
  --vn-ink-sub: #a8adc4;
  --vn-ink-muted: #6e7390;
  --vn-ink-border: rgba(200, 205, 230, 0.22);
  --vn-accent: #8b6fc9;
  --vn-accent-hover: #9f85d6;
  --vn-accent-text: #f5f1fa;
  --vn-char-a: #b9a8de;
  --vn-char-a-text: #241c3a;
  --vn-char-b: #5b4a8a;
  --vn-char-b-text: #f0ecfa;
  --vn-char-c: #3a3f58;
  --vn-char-c-text: #dadce8;
  --vn-card: #252a3f;
  --vn-card-text: #dadce8;
  --vn-card-hover: #323752;
  --vn-narrator: #5b4a8a;
  --vn-narrator-text: #f0ecfa;
  --vn-dark-btn: #2b2f45;
  --vn-dark-btn-text: #edeef5;
  --vn-dark-btn-hover: #383d57;
  --vn-panel: #171a28;
  --vn-panel-text: #c9ccde;
  --vn-panel-heading: #8b8fb0;
  --vn-panel-label: #666b8a;
  --vn-panel-divider: rgba(200, 200, 220, 0.12);
}

/* 3 · Утренний свет (light) */
[data-vn-theme="utro"] {
  --vn-stage: #efe8dc;
  --vn-ink: #fbf6ec;
  --vn-ink-text: #3b332a;
  --vn-ink-sub: #8a7a63;
  --vn-ink-muted: #a9997e;
  --vn-ink-border: rgba(80, 60, 40, 0.18);
  --vn-accent: #c97256;
  --vn-accent-hover: #d6836a;
  --vn-accent-text: #fbf3ec;
  --vn-char-a: #e8b7a0;
  --vn-char-a-text: #3b2a22;
  --vn-char-b: #c97256;
  --vn-char-b-text: #fbf0e9;
  --vn-char-c: #ede3d2;
  --vn-char-c-text: #4a4133;
  --vn-card: #f2ecdf;
  --vn-card-text: #4a4133;
  --vn-card-hover: #e9e0cd;
  --vn-narrator: #c97256;
  --vn-narrator-text: #fbf0e9;
  --vn-dark-btn: #6e6152;
  --vn-dark-btn-text: #fbf6ec;
  --vn-dark-btn-hover: #7f715f;
  --vn-panel: #f7f1e6;
  --vn-panel-text: #4a4133;
  --vn-panel-heading: #8a7a63;
  --vn-panel-label: #a9997e;
  --vn-panel-divider: rgba(80, 66, 45, 0.14);
}

/* 4 · Багровый двор */
[data-vn-theme="dvor"] {
  --vn-stage: #160f0f;
  --vn-ink: #1f1414;
  --vn-ink-text: #f2e6d8;
  --vn-ink-sub: #c9a98a;
  --vn-ink-muted: #8c7460;
  --vn-ink-border: rgba(230, 190, 150, 0.2);
  --vn-accent: #8b2e3c;
  --vn-accent-hover: #a33b4b;
  --vn-accent-text: #f5e6e2;
  --vn-char-a: #d9a45c;
  --vn-char-a-text: #2e2013;
  --vn-char-b: #8b2e3c;
  --vn-char-b-text: #f5e6e2;
  --vn-char-c: #4a3b33;
  --vn-char-c-text: #ede2d3;
  --vn-card: #2a2020;
  --vn-card-text: #ede2d3;
  --vn-card-hover: #3a2c2c;
  --vn-narrator: #8b2e3c;
  --vn-narrator-text: #f5e6e2;
  --vn-dark-btn: #3a2e28;
  --vn-dark-btn-text: #f2e6d8;
  --vn-dark-btn-hover: #4a3b33;
  --vn-panel: #201616;
  --vn-panel-text: #e3d2c0;
  --vn-panel-heading: #b08d6e;
  --vn-panel-label: #7a6250;
  --vn-panel-divider: rgba(217, 180, 140, 0.14);
}

/* 5 · Полынь и мёд (light) */
[data-vn-theme="polyn"] {
  --vn-stage: #e7e5d4;
  --vn-ink: #f3f1e4;
  --vn-ink-text: #38402f;
  --vn-ink-sub: #7a8265;
  --vn-ink-muted: #9ba085;
  --vn-ink-border: rgba(60, 70, 45, 0.18);
  --vn-accent: #d9a253;
  --vn-accent-hover: #e3b06a;
  --vn-accent-text: #3b2e17;
  --vn-char-a: #ead3a0;
  --vn-char-a-text: #3b2e17;
  --vn-char-b: #7a8b6f;
  --vn-char-b-text: #f3f1e4;
  --vn-char-c: #dce0cb;
  --vn-char-c-text: #3e4235;
  --vn-card: #efebdb;
  --vn-card-text: #3e4235;
  --vn-card-hover: #e4e0cc;
  --vn-narrator: #7a8b6f;
  --vn-narrator-text: #f3f1e4;
  --vn-dark-btn: #5b6350;
  --vn-dark-btn-text: #f3f1e4;
  --vn-dark-btn-hover: #6c755f;
  --vn-panel: #efebdb;
  --vn-panel-text: #3e4235;
  --vn-panel-heading: #7a8265;
  --vn-panel-label: #9ba085;
  --vn-panel-divider: rgba(60, 66, 45, 0.14);
}

/* 6 · Легенда */
[data-vn-theme="legenda"] {
  --vn-stage: #2c2319;
  --vn-ink: #3a2b1a;
  --vn-ink-text: #f5e1b8;
  --vn-ink-sub: #d9b77c;
  --vn-ink-muted: #9c8262;
  --vn-ink-border: rgba(237, 161, 21, 0.35);
  --vn-accent: #eda115;
  --vn-accent-hover: #fcd237;
  --vn-accent-text: #2c2319;
  --vn-char-a: #c9a45c;
  --vn-char-a-text: #2c2319;
  --vn-char-b: #73471c;
  --vn-char-b-text: #fcd237;
  --vn-char-c: #7e7463;
  --vn-char-c-text: #f5e1b8;
  --vn-card: #f0dca6;
  --vn-card-text: #3a2b1a;
  --vn-card-hover: #e9ce8c;
  --vn-narrator: #73471c;
  --vn-narrator-text: #fcd237;
  --vn-dark-btn: #4a3520;
  --vn-dark-btn-text: #fcd237;
  --vn-dark-btn-hover: #5c4429;
  --vn-panel: #241a10;
  --vn-panel-text: #e8cfa0;
  --vn-panel-heading: #eda115;
  --vn-panel-label: #9c8262;
  --vn-panel-divider: rgba(237, 161, 21, 0.16);
}