/* ── Themes ───────────────────────────────────────────────────────────────── */

/* Pasugo — warm white, Crimson Text, deep crimson accent (Pasugo magazine) */
.theme-pasugo {
  --bg: #fdfaf5;
  --bg2: #f5f0e8;
  --accent: #8b1a1a;
  --accent2: #b02020;
  --text: #1a0808;
  --text-dim: #7a5a5a;
  --verse-bg: rgba(139, 26, 26, 0.07);
  --verse-border: #8b1a1a;
  --heading-font: 'Crimson Text', Georgia, serif;
  --body-font: 'Crimson Text', Georgia, serif;
  --glow-text: #8b1a1a;
  --glow-rgb: 139, 26, 26;
  --highlight-rgb: 139, 26, 26; --highlight-alpha: 0.18; --highlight-fg: #1a0808;
  /* App UI chrome */
  --ui-bg:       #ede8e0;
  --ui-surface:  #f7f4ef;
  --ui-surface2: #f2ede6;
  --ui-border:   #c8b8a8;
  --ui-text:     #1a0808;
  --ui-text-dim: #6a4848;
}

/* INC Classic — white, Lato, royal blue (iglesianicristo.net) */
.theme-inc-classic {
  --bg: #f8faff;
  --bg2: #eef2ff;
  --accent: #0a2472;
  --accent2: #1a3a9a;
  --text: #0a0f1e;
  --text-dim: #5060a0;
  --verse-bg: rgba(10, 36, 114, 0.07);
  --verse-border: #0a2472;
  --heading-font: 'Lato', sans-serif;
  --body-font: 'Lato', sans-serif;
  --glow-text: #0a2472;
  --glow-rgb: 10, 36, 114;
  --highlight-rgb: 10, 36, 114; --highlight-alpha: 0.15; --highlight-fg: #0a0f1e;
  /* App UI chrome */
  --ui-bg:       #e4ecf8;
  --ui-surface:  #f0f5ff;
  --ui-surface2: #eaf0fb;
  --ui-border:   #b8c4de;
  --ui-text:     #0a0f1e;
  --ui-text-dim: #404878;
}

/* INC Media — clean white, Montserrat, INC green (incmedia.org) */
.theme-inc-media {
  --bg: #f8fdf8;
  --bg2: #eef8f0;
  --accent: #15803d;
  --accent2: #16a34a;
  --text: #0a1a0f;
  --text-dim: #4a7a5a;
  --verse-bg: rgba(21, 128, 61, 0.07);
  --verse-border: #15803d;
  --heading-font: 'Montserrat', sans-serif;
  --body-font: 'Montserrat', sans-serif;
  --glow-text: #15803d;
  --glow-rgb: 21, 128, 61;
  --highlight-rgb: 21, 128, 61; --highlight-alpha: 0.18; --highlight-fg: #0a1a0f;
  /* App UI chrome */
  --ui-bg:       #ddeee2;
  --ui-surface:  #edf7f0;
  --ui-surface2: #e4f0e8;
  --ui-border:   #aac8b0;
  --ui-text:     #0a1a0f;
  --ui-text-dim: #3a5a48;
}

/* Matrix — black, Share Tech Mono, bright green */
.theme-matrix {
  --bg: #000000;
  --bg2: #010d01;
  --accent: #00ff41;
  --accent2: #00cc33;
  --text: #00ff41;
  --text-dim: #007a1f;
  --verse-bg: rgba(0, 255, 65, 0.07);
  --verse-border: #00ff41;
  --heading-font: 'Share Tech Mono', monospace;
  --body-font: 'Share Tech Mono', monospace;
  --glow-text: #00ff41;
  --glow-rgb: 0, 255, 65;
  --highlight-rgb: 0, 255, 65; --highlight-alpha: 0.72; --highlight-fg: #000000;
  /* App UI chrome */
  --ui-bg:       #000000;
  --ui-surface:  #040e04;
  --ui-surface2: #020902;
  --ui-border:   #0a180a;
  --ui-text:     #00cc33;
  --ui-text-dim: #007a1f;
}

/* Cardinal — deep crimson, Crimson Text, gold */
.theme-cardinal {
  --bg: #1c0a0a;
  --bg2: #2a0f0f;
  --accent: #c9a84c;
  --accent2: #e8c96c;
  --text: #f5ede0;
  --text-dim: #9a8070;
  --verse-bg: rgba(201, 168, 76, 0.10);
  --verse-border: #c9a84c;
  --heading-font: 'Crimson Text', Georgia, serif;
  --body-font: 'Crimson Text', Georgia, serif;
  --glow-text: #ffe878;
  --glow-rgb: 255, 220, 60;
  --highlight-rgb: 255, 220, 60; --highlight-alpha: 0.82; --highlight-fg: #111111;
  /* App UI chrome */
  --ui-bg:       #140606;
  --ui-surface:  #1e0c0c;
  --ui-surface2: #180a0a;
  --ui-border:   #2c1414;
  --ui-text:     #f0e4d8;
  --ui-text-dim: #907870;
}

/* Sapphire — deep royal blue, Lato, gold */
.theme-sapphire {
  --bg: #0a1536;
  --bg2: #0f1e4a;
  --accent: #c9a84c;
  --accent2: #e8c96c;
  --text: #f0ece3;
  --text-dim: #7080a0;
  --verse-bg: rgba(201, 168, 76, 0.12);
  --verse-border: #c9a84c;
  --heading-font: 'Lato', sans-serif;
  --body-font: 'Lato', sans-serif;
  --glow-text: #ffe878;
  --glow-rgb: 255, 220, 60;
  --highlight-rgb: 255, 220, 60; --highlight-alpha: 0.82; --highlight-fg: #111111;
  /* App UI chrome */
  --ui-bg:       #070d25;
  --ui-surface:  #101838;
  --ui-surface2: #0b1228;
  --ui-border:   #182045;
  --ui-text:     #e8eaf0;
  --ui-text-dim: #6070a0;
}

/* Emerald — near-black, Montserrat, vibrant green */
.theme-emerald {
  --bg: #090d09;
  --bg2: #111511;
  --accent: #22c55e;
  --accent2: #4ade80;
  --text: #f0f5f0;
  --text-dim: #608060;
  --verse-bg: rgba(34, 197, 94, 0.10);
  --verse-border: #22c55e;
  --heading-font: 'Montserrat', sans-serif;
  --body-font: 'Montserrat', sans-serif;
  --glow-text: #4ade80;
  --glow-rgb: 34, 197, 94;
  --highlight-rgb: 34, 197, 94; --highlight-alpha: 0.72; --highlight-fg: #0a1a0f;
  /* App UI chrome */
  --ui-bg:       #050805;
  --ui-surface:  #0e140e;
  --ui-surface2: #09100a;
  --ui-border:   #152015;
  --ui-text:     #e8f5e8;
  --ui-text-dim: #508050;
}

/* Navy Gold — formal, classic Bible study */
.theme-navy-gold {
  --bg: #0d1b2a;
  --bg2: #152338;
  --accent: #c9a84c;
  --accent2: #e8c96c;
  --text: #f0ece3;
  --text-dim: #a8a090;
  --verse-bg: rgba(201, 168, 76, 0.12);
  --verse-border: #c9a84c;
  --heading-font: 'Georgia', serif;
  --body-font: 'Georgia', serif;
  --glow-text: #ffe878;
  --glow-rgb: 255, 220, 60;
  --highlight-rgb: 255, 220, 60; --highlight-alpha: 0.82; --highlight-fg: #111111;
  /* App UI chrome */
  --ui-bg:       #0c1018;
  --ui-surface:  #151d2a;
  --ui-surface2: #101620;
  --ui-border:   #1e2a3c;
  --ui-text:     #e8eaf2;
  --ui-text-dim: #7888a8;
}

/* Dark Charcoal — modern, clean */
.theme-dark-charcoal {
  --bg: #1a1a1f;
  --bg2: #22222a;
  --accent: #6eb5ff;
  --accent2: #a0d0ff;
  --text: #f4f4f8;
  --text-dim: #909098;
  --verse-bg: rgba(110, 181, 255, 0.10);
  --verse-border: #6eb5ff;
  --heading-font: 'Segoe UI', sans-serif;
  --body-font: 'Segoe UI', sans-serif;
  --glow-text: #ffe878;
  --glow-rgb: 255, 220, 60;
  --highlight-rgb: 255, 220, 60; --highlight-alpha: 0.82; --highlight-fg: #111111;
  /* App UI chrome */
  --ui-bg:       #111115;
  --ui-surface:  #1c1c22;
  --ui-surface2: #151518;
  --ui-border:   #252530;
  --ui-text:     #f0f0f8;
  --ui-text-dim: #909098;
}

/* Warm Parchment — traditional, welcoming */
.theme-warm-parchment {
  --bg: #f5edd6;
  --bg2: #ede4ca;
  --accent: #7a3f1a;
  --accent2: #a05428;
  --text: #2e1a0e;
  --text-dim: #6b4c32;
  --verse-bg: rgba(122, 63, 26, 0.08);
  --verse-border: #7a3f1a;
  --heading-font: 'Georgia', serif;
  --body-font: 'Georgia', serif;
  --glow-text: #7a3f1a;
  --glow-rgb: 122, 63, 26;
  --highlight-rgb: 122, 63, 26; --highlight-alpha: 0.18; --highlight-fg: #2e1a0e;
  /* App UI chrome */
  --ui-bg:       #ece6d2;
  --ui-surface:  #f5f0e2;
  --ui-surface2: #f0ead8;
  --ui-border:   #c0a888;
  --ui-text:     #2e1a0e;
  --ui-text-dim: #6b4c32;
}

/* Clean White — minimal, presentations */
.theme-clean-white {
  --bg: #ffffff;
  --bg2: #f0f2f5;
  --accent: #2563eb;
  --accent2: #3b82f6;
  --text: #111827;
  --text-dim: #6b7280;
  --verse-bg: rgba(37, 99, 235, 0.06);
  --verse-border: #2563eb;
  --heading-font: 'Segoe UI', sans-serif;
  --body-font: 'Segoe UI', sans-serif;
  --glow-text: #1d4ed8;
  --glow-rgb: 29, 78, 216;
  --highlight-rgb: 29, 78, 216; --highlight-alpha: 0.15; --highlight-fg: #111827;
  /* App UI chrome */
  --ui-bg:       #e5e8f2;
  --ui-surface:  #f2f4fb;
  --ui-surface2: #eceff8;
  --ui-border:   #b8bece;
  --ui-text:     #111827;
  --ui-text-dim: #4a5568;
}

/* Deep Purple — rich, regal */
.theme-deep-purple {
  --bg: #120d1f;
  --bg2: #1c1530;
  --accent: #b07aff;
  --accent2: #d4aaff;
  --text: #ede8f8;
  --text-dim: #9080b8;
  --verse-bg: rgba(176, 122, 255, 0.12);
  --verse-border: #b07aff;
  --heading-font: 'Georgia', serif;
  --body-font: 'Georgia', serif;
  --glow-text: #ffe878;
  --glow-rgb: 255, 220, 60;
  --highlight-rgb: 255, 220, 60; --highlight-alpha: 0.82; --highlight-fg: #111111;
  /* App UI chrome */
  --ui-bg:       #0d0918;
  --ui-surface:  #181228;
  --ui-surface2: #110e1e;
  --ui-border:   #221838;
  --ui-text:     #ece8f8;
  --ui-text-dim: #8878b8;
}

/* Forest Green — calm, natural */
.theme-forest-green {
  --bg: #0c1e12;
  --bg2: #132a1a;
  --accent: #4cca70;
  --accent2: #80e898;
  --text: #e8f2ea;
  --text-dim: #7aa880;
  --verse-bg: rgba(76, 202, 112, 0.12);
  --verse-border: #4cca70;
  --heading-font: 'Georgia', serif;
  --body-font: 'Georgia', serif;
  --glow-text: #ffe878;
  --glow-rgb: 255, 220, 60;
  --highlight-rgb: 255, 220, 60; --highlight-alpha: 0.82; --highlight-fg: #111111;
  /* App UI chrome */
  --ui-bg:       #08100a;
  --ui-surface:  #121f15;
  --ui-surface2: #0e1810;
  --ui-border:   #182818;
  --ui-text:     #e0f0e4;
  --ui-text-dim: #6a9070;
}

/* Manuscript — aged cream, EB Garamond, dark ink */
.theme-manuscript {
  --bg: #f2ead8;
  --bg2: #e8dfc8;
  --accent: #5c3d1e;
  --accent2: #7a5230;
  --text: #2a1f0e;
  --text-dim: #8a7060;
  --verse-bg: rgba(92, 61, 30, 0.08);
  --verse-border: #5c3d1e;
  --heading-font: 'EB Garamond', Georgia, serif;
  --body-font: 'EB Garamond', Georgia, serif;
  --glow-text: #5c3d1e;
  --glow-rgb: 92, 61, 30;
  --highlight-rgb: 92, 61, 30; --highlight-alpha: 0.18; --highlight-fg: #2a1f0e;
  /* App UI chrome */
  --ui-bg:       #e6e0cc;
  --ui-surface:  #f2ece0;
  --ui-surface2: #ece6d6;
  --ui-border:   #bab090;
  --ui-text:     #2a1f0e;
  --ui-text-dim: #6a5040;
}

/* Cinzel — dark charcoal, Cinzel, gold accent */
.theme-cinzel {
  --bg: #1a1a1a;
  --bg2: #252525;
  --accent: #c9a84c;
  --accent2: #e8c96c;
  --text: #f0e6c8;
  --text-dim: #8a8070;
  --verse-bg: rgba(201, 168, 76, 0.10);
  --verse-border: #c9a84c;
  --heading-font: 'Cinzel', Georgia, serif;
  --body-font: 'Cinzel', Georgia, serif;
  --glow-text: #ffe878;
  --glow-rgb: 255, 220, 60;
  --highlight-rgb: 255, 220, 60; --highlight-alpha: 0.82; --highlight-fg: #111111;
  /* App UI chrome */
  --ui-bg:       #111111;
  --ui-surface:  #1c1c1c;
  --ui-surface2: #151515;
  --ui-border:   #282828;
  --ui-text:     #e8e0cc;
  --ui-text-dim: #888070;
}

/* Raleway — dark navy, Raleway, silver */
.theme-raleway {
  --bg: #0d1824;
  --bg2: #162035;
  --accent: #c0cdd8;
  --accent2: #dce6f0;
  --text: #e8eef5;
  --text-dim: #708090;
  --verse-bg: rgba(192, 205, 216, 0.10);
  --verse-border: #c0cdd8;
  --heading-font: 'Raleway', sans-serif;
  --body-font: 'Raleway', sans-serif;
  --glow-text: #ffe878;
  --glow-rgb: 255, 220, 60;
  --highlight-rgb: 255, 220, 60; --highlight-alpha: 0.82; --highlight-fg: #111111;
  /* App UI chrome */
  --ui-bg:       #09111a;
  --ui-surface:  #13202e;
  --ui-surface2: #0e1825;
  --ui-border:   #1c2838;
  --ui-text:     #e0e8f5;
  --ui-text-dim: #6080a0;
}

/* Typewriter — yellowed paper, Special Elite, faded red */
.theme-typewriter {
  --bg: #f5f0dc;
  --bg2: #ede8cc;
  --accent: #8b2020;
  --accent2: #a83030;
  --text: #1a1410;
  --text-dim: #7a6a5a;
  --verse-bg: rgba(139, 32, 32, 0.07);
  --verse-border: #8b2020;
  --heading-font: 'Special Elite', Georgia, serif;
  --body-font: 'Special Elite', Georgia, serif;
  --glow-text: #8b2020;
  --glow-rgb: 139, 32, 32;
  --highlight-rgb: 139, 32, 32; --highlight-alpha: 0.18; --highlight-fg: #1a1410;
  /* App UI chrome */
  --ui-bg:       #e8e4cc;
  --ui-surface:  #f4f2da;
  --ui-surface2: #eeead2;
  --ui-border:   #c0b898;
  --ui-text:     #1a1410;
  --ui-text-dim: #5a5040;
}

/* Modern — clean white, Nunito, deep teal */
.theme-modern {
  --bg: #f8fafb;
  --bg2: #eef2f5;
  --accent: #0d9488;
  --accent2: #14b8a6;
  --text: #111827;
  --text-dim: #6b7280;
  --verse-bg: rgba(13, 148, 136, 0.07);
  --verse-border: #0d9488;
  --heading-font: 'Nunito', sans-serif;
  --body-font: 'Nunito', sans-serif;
  --glow-text: #0d9488;
  --glow-rgb: 13, 148, 136;
  --highlight-rgb: 13, 148, 136; --highlight-alpha: 0.18; --highlight-fg: #111827;
  /* App UI chrome */
  --ui-bg:       #e0edf3;
  --ui-surface:  #eef7fb;
  --ui-surface2: #e6f2f8;
  --ui-border:   #b4c4ce;
  --ui-text:     #111827;
  --ui-text-dim: #4a5568;
}

/* Seminary — dark slate, Libre Baskerville, warm amber */
.theme-seminary {
  --bg: #1e2530;
  --bg2: #252e3d;
  --accent: #d4913a;
  --accent2: #e8a84c;
  --text: #f0ece3;
  --text-dim: #8a8070;
  --verse-bg: rgba(212, 145, 58, 0.10);
  --verse-border: #d4913a;
  --heading-font: 'Libre Baskerville', Georgia, serif;
  --body-font: 'Libre Baskerville', Georgia, serif;
  --glow-text: #ffe878;
  --glow-rgb: 255, 220, 60;
  --highlight-rgb: 255, 220, 60; --highlight-alpha: 0.82; --highlight-fg: #111111;
  /* App UI chrome */
  --ui-bg:       #101520;
  --ui-surface:  #182030;
  --ui-surface2: #131a26;
  --ui-border:   #202c3e;
  --ui-text:     #e8eaee;
  --ui-text-dim: #8088a0;
}

/* Editorial — cream background, Playfair Display, crimson accent */
.theme-editorial {
  --bg: #edeae3;
  --bg2: #e4e0d8;
  --accent: #b91c1c;
  --accent2: #dc2626;
  --text: #1a1a1a;
  --text-dim: #6b6560;
  --verse-bg: rgba(185, 28, 28, 0.07);
  --verse-border: #b91c1c;
  --heading-font: 'Playfair Display', Georgia, serif;
  --body-font: 'Playfair Display', Georgia, serif;
  --glow-text: #991b1b;
  --glow-rgb: 185, 28, 28;
  --highlight-rgb: 185, 28, 28; --highlight-alpha: 0.18; --highlight-fg: #1a1a1a;
  /* App UI chrome */
  --ui-bg:       #e2dfd8;
  --ui-surface:  #efece6;
  --ui-surface2: #e8e5de;
  --ui-border:   #b8b4b0;
  --ui-text:     #1a1a1a;
  --ui-text-dim: #585450;
}

/* ── Slide element base styles ────────────────────────────────────────────── */

.slide-canvas {
  position: relative;
  overflow: hidden;
  background: var(--bg);
  font-family: var(--body-font, Georgia, serif);
  color: var(--text, #fff);
}

.slide-element {
  position: absolute;
  box-sizing: border-box;
  user-select: none;
  line-height: 1.45;
}

.elem-type-verse {
  background: var(--verse-bg);
  border-left: 4px solid var(--verse-border);
  padding: 0.6em 0.8em;
  border-radius: 0 6px 6px 0;
}

.verse-text {
  font-style: italic;
}

.verse-ref {
  font-size: 0.65em;
  color: var(--accent);
  margin-top: 0.4em;
  font-style: normal;
  font-weight: bold;
  text-align: right;
}

/* ── Word emphasis ────────────────────────────────────────────────────────── */

.word {
  display: inline;
  cursor: pointer;
  border-radius: 3px;
  transition: background 1.5s, color 1.5s, text-shadow 1.5s, font-size 1.5s, letter-spacing 1.5s;
  padding: 0 1px;
}

.word.emphasized {
  background: rgba(var(--glow-rgb, 255, 220, 60), 0.25);
  color: var(--glow-text, #ffe040);
  text-shadow: 0 0 12px rgba(var(--glow-rgb, 255, 220, 60), 1), 0 0 28px rgba(var(--glow-rgb, 255, 220, 60), 0.8), 0 0 55px rgba(var(--glow-rgb, 255, 220, 60), 0.6), 0 0 90px rgba(var(--glow-rgb, 255, 220, 60), 0.3);
  font-size: 1.08em;
  letter-spacing: 0.05em;
}

/* ── App UI Theme overrides (applied via .ui-theme-X on body, override --ui-* only) ── */

.ui-theme-pasugo        { --ui-bg:#ede8e0; --ui-surface:#f7f4ef; --ui-surface2:#f2ede6; --ui-border:#c8b8a8; --ui-text:#1a0808; --ui-text-dim:#6a4848; }
.ui-theme-inc-classic   { --ui-bg:#e4ecf8; --ui-surface:#f0f5ff; --ui-surface2:#eaf0fb; --ui-border:#b8c4de; --ui-text:#0a0f1e; --ui-text-dim:#404878; }
.ui-theme-inc-media     { --ui-bg:#ddeee2; --ui-surface:#edf7f0; --ui-surface2:#e4f0e8; --ui-border:#aac8b0; --ui-text:#0a1a0f; --ui-text-dim:#3a5a48; }
.ui-theme-matrix        { --ui-bg:#000000; --ui-surface:#040e04; --ui-surface2:#020902; --ui-border:#0a180a; --ui-text:#00cc33; --ui-text-dim:#007a1f; }
.ui-theme-cardinal      { --ui-bg:#140606; --ui-surface:#1e0c0c; --ui-surface2:#180a0a; --ui-border:#2c1414; --ui-text:#f0e4d8; --ui-text-dim:#907870; }
.ui-theme-sapphire      { --ui-bg:#070d25; --ui-surface:#101838; --ui-surface2:#0b1228; --ui-border:#182045; --ui-text:#e8eaf0; --ui-text-dim:#6070a0; }
.ui-theme-emerald       { --ui-bg:#050805; --ui-surface:#0e140e; --ui-surface2:#09100a; --ui-border:#152015; --ui-text:#e8f5e8; --ui-text-dim:#508050; }
.ui-theme-navy-gold     { --ui-bg:#0c1018; --ui-surface:#151d2a; --ui-surface2:#101620; --ui-border:#1e2a3c; --ui-text:#e8eaf2; --ui-text-dim:#7888a8; }
.ui-theme-dark-charcoal { --ui-bg:#111115; --ui-surface:#1c1c22; --ui-surface2:#151518; --ui-border:#252530; --ui-text:#f0f0f8; --ui-text-dim:#909098; }
.ui-theme-warm-parchment{ --ui-bg:#ece6d2; --ui-surface:#f5f0e2; --ui-surface2:#f0ead8; --ui-border:#c0a888; --ui-text:#2e1a0e; --ui-text-dim:#6b4c32; }
.ui-theme-clean-white   { --ui-bg:#e5e8f2; --ui-surface:#f2f4fb; --ui-surface2:#eceff8; --ui-border:#b8bece; --ui-text:#111827; --ui-text-dim:#4a5568; }
.ui-theme-deep-purple   { --ui-bg:#0d0918; --ui-surface:#181228; --ui-surface2:#110e1e; --ui-border:#221838; --ui-text:#ece8f8; --ui-text-dim:#8878b8; }
.ui-theme-forest-green  { --ui-bg:#08100a; --ui-surface:#121f15; --ui-surface2:#0e1810; --ui-border:#182818; --ui-text:#e0f0e4; --ui-text-dim:#6a9070; }
.ui-theme-manuscript    { --ui-bg:#e6e0cc; --ui-surface:#f2ece0; --ui-surface2:#ece6d6; --ui-border:#bab090; --ui-text:#2a1f0e; --ui-text-dim:#6a5040; }
.ui-theme-cinzel        { --ui-bg:#111111; --ui-surface:#1c1c1c; --ui-surface2:#151515; --ui-border:#282828; --ui-text:#e8e0cc; --ui-text-dim:#888070; }
.ui-theme-raleway       { --ui-bg:#09111a; --ui-surface:#13202e; --ui-surface2:#0e1825; --ui-border:#1c2838; --ui-text:#e0e8f5; --ui-text-dim:#6080a0; }
.ui-theme-typewriter    { --ui-bg:#e8e4cc; --ui-surface:#f4f2da; --ui-surface2:#eeead2; --ui-border:#c0b898; --ui-text:#1a1410; --ui-text-dim:#5a5040; }
.ui-theme-modern        { --ui-bg:#e0edf3; --ui-surface:#eef7fb; --ui-surface2:#e6f2f8; --ui-border:#b4c4ce; --ui-text:#111827; --ui-text-dim:#4a5568; }
.ui-theme-seminary      { --ui-bg:#101520; --ui-surface:#182030; --ui-surface2:#131a26; --ui-border:#202c3e; --ui-text:#e8eaee; --ui-text-dim:#8088a0; }
.ui-theme-editorial     { --ui-bg:#e2dfd8; --ui-surface:#efece6; --ui-surface2:#e8e5de; --ui-border:#b8b4b0; --ui-text:#1a1a1a; --ui-text-dim:#585450; }

/* Star Wars — deep space black with iconic Star Wars yellow */
.theme-star-wars {
  --bg: #000000;
  --bg2: #030510;
  --accent: #ffe81f;
  --accent2: #fff060;
  --text: #f0ece3;
  --text-dim: #706848;
  --verse-bg: rgba(255, 232, 31, 0.08);
  --verse-border: #ffe81f;
  --heading-font: 'Share Tech Mono', monospace;
  --body-font: 'Share Tech Mono', monospace;
  --glow-text: #ffe81f;
  --glow-rgb: 255, 232, 31;
  --highlight-rgb: 255, 232, 31; --highlight-alpha: 0.22; --highlight-fg: #000000;
  /* App UI chrome */
  --ui-bg:       #020508;
  --ui-surface:  #050a14;
  --ui-surface2: #07101e;
  --ui-border:   #2a2412;
  --ui-text:     #ffe81f;
  --ui-text-dim: #806820;
}

/* Cinco de Mayo — fiesta dark with marigold gold and Mexican red */
.theme-cinco-de-mayo {
  --bg: #0d1400;
  --bg2: #162000;
  --accent: #f59e0b;
  --accent2: #ef4444;
  --text: #fef9e7;
  --text-dim: #a08050;
  --verse-bg: rgba(245, 158, 11, 0.10);
  --verse-border: #f59e0b;
  --heading-font: 'Nunito', sans-serif;
  --body-font: 'Nunito', sans-serif;
  --glow-text: #f59e0b;
  --glow-rgb: 245, 158, 11;
  --highlight-rgb: 245, 158, 11; --highlight-alpha: 0.18; --highlight-fg: #0d1400;
  /* App UI chrome */
  --ui-bg:       #0a0f00;
  --ui-surface:  #141e00;
  --ui-surface2: #1a2800;
  --ui-border:   #2a3a00;
  --ui-text:     #fef9e7;
  --ui-text-dim: #a08050;
}

.ui-theme-star-wars      { --ui-bg:#020508; --ui-surface:#050a14; --ui-surface2:#07101e; --ui-border:#2a2412; --ui-text:#ffe81f; --ui-text-dim:#806820; }
.ui-theme-cinco-de-mayo  { --ui-bg:#0a0f00; --ui-surface:#141e00; --ui-surface2:#1a2800; --ui-border:#2a3a00; --ui-text:#fef9e7; --ui-text-dim:#a08050; }