/* =========================================================
   TASARIM SECENEGI B — masaustu programinin yeni gorunumu
   (acik mavi-gri zemin, beyaz kartlar, #2563eb vurgu, Segoe UI).
   Yalnizca html.tema-b iken etkin; ?tema=b ile acilir.
   ========================================================= */

html.tema-b {
  --color-primary: #2563eb;
  --color-primary-dark: #1d4ed8;
  --color-primary-light: #60a5fa;
  --color-accent: #7c3aed;
  --color-accent-soft: #ede9fe;
  --color-dark: #0f172a;
  --color-text: #1e293b;
  --color-body: #475569;
  --color-muted: #64748b;
  --color-bg-soft: #eef3fb;
  --color-bg-alt: #eef3fb;
  --color-border: #dbe4f0;
  --color-border-light: #e8eef8;

  --gradient-primary: linear-gradient(135deg, #2563eb 0%, #7c3aed 100%);
  --gradient-soft: linear-gradient(135deg, #eef3fb 0%, #ffffff 100%);
  --gradient-mesh: radial-gradient(at 0% 0%, rgba(37, 99, 235, 0.08) 0px, transparent 50%),
                   radial-gradient(at 100% 0%, rgba(124, 58, 237, 0.06) 0px, transparent 50%),
                   radial-gradient(at 50% 100%, rgba(37, 99, 235, 0.05) 0px, transparent 50%);
  --shadow-xl: 0 20px 40px -5px rgba(37, 99, 235, 0.15), 0 8px 16px -4px rgba(37, 99, 235, 0.08);
  --shadow-glow: 0 0 0 4px rgba(37, 99, 235, 0.14);

  --font-sans: 'Segoe UI', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', sans-serif;
  --radius-full: 10px;   /* hap bicimi yerine programdaki gibi yuvarlak kose */
}

html.tema-b body { background: #fff; }
html.tema-b .btn-primary { box-shadow: 0 8px 20px rgba(37, 99, 235, 0.25); }
html.tema-b .btn-primary:hover { box-shadow: 0 12px 26px rgba(37, 99, 235, 0.32); }
html.tema-b .subscribe-card { box-shadow: 0 30px 60px -10px rgba(37, 99, 235, 0.35); }
html.tema-b .hero h1, html.tema-b h2 { letter-spacing: -0.01em; }
html.tema-b .feature-card, html.tema-b .problem-card, html.tema-b .step-card {
  border: 1px solid var(--color-border);
  box-shadow: var(--shadow-sm);
}
html.tema-b .features, html.tema-b .how { background: var(--color-bg-soft); }
html.tema-b .price-card { border-radius: 16px; }
html.tema-b .kart { border-radius: 16px; }

/* Logo programin simgesiyle ayni renkte (mor degrade; 2026-11-02) */
html.tema-b .logo-mark, .logo-mark { background: linear-gradient(135deg, #6a3fcd 0%, #9945f7 100%); }