/* Tema seçenekleri — html.theme-xxx sınıfı ile uygulanır */

/* 1) Mavi (Orijinal) */
html.theme-blue {
  --bg: #0f1729;
  --card: #141d33;
  --card-alt: #162038;
  --card-warm: #1a2235;
  --text: #e8eef8;
  --muted: #9ca8c4;
  --brand: #4da3ff;
  --brand-soft: #6bb0ff;
  --accent-warm: #7c9dd4;
  --line: rgba(255,255,255,.08);
  --line-strong: rgba(255,255,255,.12);
  --strip-hero:   rgba(77,163,255,.06);
  --strip-grid:   rgba(30,45,75,.4);
  --strip-alt:    rgba(120,90,255,.05);
  --strip-footer: rgba(15,22,41,.9);
  --bg-glow-1: rgba(77,163,255,.12);
  --bg-glow-2: rgba(120,90,255,.1);
  --topbar-bg: rgba(15,23,41,.75);
  --brand-badge-bg: linear-gradient(135deg, rgba(77,163,255,.35), rgba(120,90,255,.35));
  --brand-badge-border: rgba(77,163,255,.25);
  --nav-active-border: rgba(77,163,255,.35);
  --nav-active-bg: rgba(77,163,255,.08);
  --lang-active-bg: rgba(77,163,255,.14);
  --cta-border: rgba(77,163,255,.45);
  --cta-bg: rgba(77,163,255,.12);
  --cta-bg-hover: rgba(77,163,255,.18);
  --tag-border: rgba(77,163,255,.2);
  --tag-bg: rgba(77,163,255,.06);
  --card-grid-1-border: rgba(77,163,255,.12);
  --card-grid-3-border: rgba(124,157,212,.15);
  --section-alt-card-border: rgba(120,90,255,.1);
  --btn-primary-border: rgba(77,163,255,.45);
  --btn-primary-bg: rgba(77,163,255,.12);
  --version-border: rgba(77,163,255,.2);
  --version-hover-bg: rgba(77,163,255,.12);
  --version-hover-border: rgba(77,163,255,.35);
  --version-active-bg: rgba(77,163,255,.15);
  --version-active-border: rgba(77,163,255,.4);
}

/* 2) Mor (varsayılan :root ile aynı — tutarlılık için tekrar) */
html.theme-purple {
  --bg: #0f0f14;
  --card: #1a1a24;
  --card-alt: #1e1e2a;
  --card-warm: #222230;
  --text: #e8e8ed;
  --muted: #9ca3af;
  --brand: #8b5cf6;
  --brand-soft: #a78bfa;
  --accent-warm: #a78bfa;
  --line: rgba(255,255,255,.06);
  --line-strong: rgba(255,255,255,.1);
  --strip-hero:   rgba(139,92,246,.06);
  --strip-grid:   rgba(30,27,45,.5);
  --strip-alt:    rgba(139,92,246,.04);
  --strip-footer: rgba(15,15,20,.95);
  --bg-glow-1: rgba(139,92,246,.08);
  --bg-glow-2: rgba(139,92,246,.05);
  --topbar-bg: rgba(15,15,20,.85);
  --brand-badge-bg: linear-gradient(135deg, rgba(139,92,246,.4), rgba(167,139,250,.3));
  --brand-badge-border: rgba(139,92,246,.25);
  --nav-active-border: rgba(139,92,246,.35);
  --nav-active-bg: rgba(139,92,246,.1);
  --lang-active-bg: rgba(139,92,246,.2);
  --cta-border: rgba(139,92,246,.45);
  --cta-bg: rgba(139,92,246,.12);
  --cta-bg-hover: rgba(139,92,246,.18);
  --tag-border: rgba(139,92,246,.2);
  --tag-bg: rgba(139,92,246,.06);
  --card-grid-1-border: rgba(139,92,246,.1);
  --card-grid-3-border: rgba(167,139,250,.08);
  --section-alt-card-border: rgba(139,92,246,.08);
  --btn-primary-border: rgba(139,92,246,.45);
  --btn-primary-bg: rgba(139,92,246,.12);
  --version-border: rgba(139,92,246,.2);
  --version-hover-bg: rgba(139,92,246,.12);
  --version-hover-border: rgba(139,92,246,.35);
  --version-active-bg: rgba(139,92,246,.15);
  --version-active-border: rgba(139,92,246,.4);
}

/* 3) Koyu Kırmızı (OBS) */
html.theme-obs {
  --bg: #281717;
  --card: rgba(0,0,0,.5);
  --card-alt: rgba(20,10,10,.6);
  --card-warm: rgba(30,15,15,.55);
  --text: #ffffff;
  --muted: #c4a8a8;
  --brand: #bf2020;
  --brand-soft: #fc3c3c;
  --accent-warm: #fc3c3c;
  --line: rgba(255,255,255,.15);
  --line-strong: rgba(255,255,255,.25);
  --strip-hero:   rgba(0,0,0,.35);
  --strip-grid:   rgba(0,0,0,.4);
  --strip-alt:    rgba(0,0,0,.3);
  --strip-footer: rgba(0,0,0,.6);
  --bg-glow-1: transparent;
  --bg-glow-2: transparent;
  --topbar-bg: rgba(20,8,8,.9);
  --brand-badge-bg: rgba(0,0,0,.5);
  --brand-badge-border: rgba(255,255,255,.25);
  --nav-active-border: rgba(255,255,255,.25);
  --nav-active-bg: rgba(0,0,0,.4);
  --lang-active-bg: rgba(191,32,32,.25);
  --cta-border: #bf2020;
  --cta-bg: rgba(191,32,32,.15);
  --cta-bg-hover: rgba(252,60,60,.2);
  --tag-border: rgba(191,32,32,.3);
  --tag-bg: rgba(191,32,32,.08);
  --card-grid-1-border: rgba(255,255,255,.25);
  --card-grid-3-border: rgba(255,255,255,.25);
  --section-alt-card-border: rgba(255,255,255,.15);
  --btn-primary-border: #bf2020;
  --btn-primary-bg: rgba(191,32,32,.15);
  --version-border: rgba(191,32,32,.25);
  --version-hover-bg: rgba(191,32,32,.15);
  --version-hover-border: #bf2020;
  --version-active-bg: rgba(191,32,32,.2);
  --version-active-border: #fc3c3c;
}

/* 4) OBS Mavisi — koyu lacivert antrasit, OBS mavisi vurgu, Open Sans (obsproject.com analizi) */
html.theme-obs-blue {
  --bg: #11161C;
  --card: #1D2530;
  --card-alt: #171D24;
  --card-warm: #1D2530;
  --text: #F2F5F7;
  --muted: #95A2AF;
  --brand: #2E5D87;
  --brand-soft: #3A6F9F;
  --accent-warm: #4F8FC7;
  --line: #2A3440;
  --line-strong: #394656;
  --strip-hero:   #171D24;
  --strip-grid:   #171D24;
  --strip-alt:    #171D24;
  --strip-footer: #0C1015;
  --bg-glow-1: rgba(46,93,135,.08);
  --bg-glow-2: rgba(46,93,135,.04);
  --topbar-bg: rgba(12,16,21,.92);
  --brand-badge-bg: linear-gradient(135deg, rgba(46,93,135,.5), rgba(58,111,159,.35));
  --brand-badge-border: rgba(46,93,135,.4);
  --nav-active-border: #2E5D87;
  --nav-active-bg: rgba(46,93,135,.15);
  --lang-active-bg: rgba(46,93,135,.2);
  --cta-border: #2E5D87;
  --cta-bg: rgba(46,93,135,.18);
  --cta-bg-hover: rgba(58,111,159,.25);
  --tag-border: rgba(46,93,135,.35);
  --tag-bg: rgba(46,93,135,.1);
  --card-grid-1-border: #2A3440;
  --card-grid-3-border: #394656;
  --section-alt-card-border: #2A3440;
  --btn-primary-border: #2E5D87;
  --btn-primary-bg: rgba(46,93,135,.18);
  --version-border: #2A3440;
  --version-hover-bg: rgba(46,93,135,.12);
  --version-hover-border: #2E5D87;
  --version-active-bg: rgba(46,93,135,.2);
  --version-active-border: #3A6F9F;
  --font-family: "Open Sans", Helvetica, Arial, sans-serif;
}

/* 5) OBS 2 — Guides & Help tarzı: link #72a2ff, kart #101b41, border-bottom 4px #162458 */
html.theme-obs2 {
  --bg: #0c0f1a;
  --card: #101b41;
  --card-alt: #121d45;
  --card-warm: #141f4a;
  --text: #F2F5F7;
  --muted: #95A2AF;
  --brand: #72a2ff;
  --brand-soft: #8bb3ff;
  --accent-warm: #72a2ff;
  --line: #162458;
  --line-strong: #1e2d6b;
  --strip-hero:   rgba(22,36,88,.4);
  --strip-grid:   rgba(22,36,88,.35);
  --strip-alt:    rgba(22,36,88,.3);
  --strip-footer: rgba(8,12,30,.95);
  --bg-glow-1: rgba(114,162,255,.06);
  --bg-glow-2: rgba(22,36,88,.2);
  --topbar-bg: rgba(12,15,26,.9);
  --brand-badge-bg: linear-gradient(135deg, rgba(114,162,255,.3), rgba(22,36,88,.5));
  --brand-badge-border: #162458;
  --nav-active-border: #72a2ff;
  --nav-active-bg: rgba(114,162,255,.12);
  --lang-active-bg: rgba(114,162,255,.18);
  --cta-border: #72a2ff;
  --cta-bg: rgba(114,162,255,.15);
  --cta-bg-hover: rgba(114,162,255,.22);
  --tag-border: rgba(114,162,255,.35);
  --tag-bg: rgba(114,162,255,.08);
  --card-grid-1-border: #162458;
  --card-grid-3-border: #1e2d6b;
  --section-alt-card-border: #162458;
  --btn-primary-border: #72a2ff;
  --btn-primary-bg: rgba(114,162,255,.15);
  --version-border: #162458;
  --version-hover-bg: rgba(114,162,255,.12);
  --version-hover-border: #72a2ff;
  --version-active-bg: rgba(114,162,255,.18);
  --version-active-border: #72a2ff;
  --card-border-bottom: 4px solid #162458;
}