/* =========================================================
   Tema 2 — Canlı
   Lacivert tabanı koruyan, daha parlak kraliyet mavisi ve mercan vurgulu tema.
   Yalnızca <html data-theme="canli"> olduğunda etkinleşir. Yazı tipi: Manrope.
   ========================================================= */

html[data-theme="canli"] {
  --navy-950: #061142;
  --navy-900: #0a1d63;
  --navy-800: #102c96;
  --navy-700: #1a42c4;
  --navy-600: #2d5ce0;
  --navy-100: #dde6ff;
  --navy-50: #eef2ff;

  --orange-700: #d23a1a;
  --orange-600: #ee4a24;
  --orange-500: #ff6440;
  --orange-400: #ff916d;
  --orange-100: #ffe1d6;
  --orange-50: #fff3ee;

  --cream: #f3f6ff;
  --sand: #e8edfb;
  --line: #dbe2f3;
  --line-soft: #e7ecf8;
  --ink: #0d1533;
  --text: #333c5c;
  --muted: #69739a;
  --gold: #ff9f43;

  --ff-display: "Manrope", "Inter", "Segoe UI", system-ui, sans-serif;
  --ff-body: "Manrope", "Inter", "Segoe UI", system-ui, sans-serif;
  --radius: 16px;
  --radius-lg: 24px;
  --shadow: 0 2px 6px rgba(16, 44, 150, .06), 0 16px 36px rgba(16, 44, 150, .12);
  --shadow-lg: 0 26px 64px rgba(16, 44, 150, .22);
}

html[data-theme="canli"] h1,
html[data-theme="canli"] h2,
html[data-theme="canli"] h3 { font-weight: 800; letter-spacing: -.03em; }

html[data-theme="canli"] .topbar { background: #050d36; }
html[data-theme="canli"] .header { background: linear-gradient(110deg, #071652 0%, #102c96 58%, #2447d8 100%); }
html[data-theme="canli"] .header__bar { background: rgba(255, 255, 255, .07); border-top-color: rgba(255, 255, 255, .1); }
html[data-theme="canli"] .burger { background: linear-gradient(135deg, #ff7a45, #ff4d6d); }

html[data-theme="canli"] .btn--orange,
html[data-theme="canli"] .search button {
  background: linear-gradient(135deg, #ff7a45 0%, #ff4d6d 100%);
  box-shadow: 0 10px 24px -10px rgba(255, 77, 109, .85);
}
html[data-theme="canli"] .btn--orange:hover { background: linear-gradient(135deg, #ff6a33 0%, #f23a5c 100%); }
html[data-theme="canli"] .btn--navy { --bg: #1a42c4; }
html[data-theme="canli"] .btn--navy:hover { --bg: #102c96; }

html[data-theme="canli"] .eyebrow,
html[data-theme="canli"] .pcard__level,
html[data-theme="canli"] .pinfo__level { color: #ff4d6d; }
html[data-theme="canli"] .section--navy .eyebrow,
html[data-theme="canli"] .hero__kicker { color: #ffb199; }

html[data-theme="canli"] .page-hero,
html[data-theme="canli"] .section--navy,
html[data-theme="canli"] .cta-band { background: linear-gradient(125deg, #071652 0%, #102c96 55%, #1a42c4 100%); }
html[data-theme="canli"] .section--cream { background: #f2f5ff; }
html[data-theme="canli"] .section--sand { background: #eaf0ff; }
html[data-theme="canli"] .hero__slide--panel { background: radial-gradient(900px 520px at 72% 45%, rgba(45, 92, 224, .7), transparent 70%), linear-gradient(135deg, #061142, #102c96); }

html[data-theme="canli"] .pcard { border-color: #e3e9fa; }
html[data-theme="canli"] .pcard:hover { box-shadow: 0 18px 40px -16px rgba(26, 66, 196, .45); }
html[data-theme="canli"] .pcard__ribbon { background: linear-gradient(90deg, #ff7a45, #ff4d6d); }
html[data-theme="canli"] .circle span:first-child { border-color: #ff6440; }
html[data-theme="canli"] .ktotal,
html[data-theme="canli"] .buybar,
html[data-theme="canli"] .tool__head { background: linear-gradient(135deg, #0a1d63, #1a42c4); }
html[data-theme="canli"] .trust__icon { background: linear-gradient(135deg, #ffe1d6, #ffd4de); color: #ee4a24; }
html[data-theme="canli"] .kstep__label > span { background: linear-gradient(135deg, #ff7a45, #ff4d6d); }
html[data-theme="canli"] .footer { background: #050d36; }
html[data-theme="canli"] .footer::before { background: linear-gradient(90deg, #ff7a45, #ff4d6d, #2d5ce0); }