/* =========================================================
   Tema 3 — Krem Premium
   Fildişi zemin, antrasit metin, altın detaylar; butik bir perde showroom'u hissi.
   Yalnızca <html data-theme="krem"> olduğunda etkinleşir. Yazı tipi: Satoshi.
   ========================================================= */

html[data-theme="krem"] {
  --navy-950: #191d28;
  --navy-900: #232937;
  --navy-800: #2f3647;
  --navy-700: #414a60;
  --navy-600: #5b647c;
  --navy-100: #ebe5d9;
  --navy-50: #f4efe6;

  --orange-700: #82622f;
  --orange-600: #977440;
  --orange-500: #ad8a55;
  --orange-400: #c9a877;
  --orange-100: #eee2cc;
  --orange-50: #f8f1e6;

  --white: #fcf9f3;
  --cream: #f5eee3;
  --sand: #ede4d5;
  --line: #e2d7c4;
  --line-soft: #ebe2d3;
  --ink: #1e2230;
  --text: #4a4e5b;
  --muted: #7d7766;
  --gold: #ad8a55;

  --ff-display: "Satoshi", "Inter", "Segoe UI", system-ui, sans-serif;
  --ff-body: "Satoshi", "Inter", "Segoe UI", system-ui, sans-serif;
  --radius-sm: 4px;
  --radius: 8px;
  --radius-lg: 12px;
  --shadow-sm: 0 1px 2px rgba(60, 45, 20, .06), 0 2px 8px rgba(60, 45, 20, .05);
  --shadow: 0 2px 6px rgba(60, 45, 20, .05), 0 14px 34px rgba(60, 45, 20, .09);
}

html[data-theme="krem"] body { background: var(--white); }
html[data-theme="krem"] h1,
html[data-theme="krem"] h2,
html[data-theme="krem"] h3 { font-weight: 700; letter-spacing: -.02em; }
html[data-theme="krem"] .eyebrow { letter-spacing: .24em; }

/* Açık renkli header; logonun koyu sürümü gösterilir */
html[data-theme="krem"] .topbar { background: #232937; }
html[data-theme="krem"] .header { background: #fcf9f3; border-bottom: 1px solid var(--line); }
html[data-theme="krem"] .header.is-scrolled { box-shadow: 0 10px 30px -18px rgba(60, 45, 20, .35); }
html[data-theme="krem"] .header__bar { background: #f3ebde; border-top: 1px solid var(--line); }
html[data-theme="krem"] .header__logo .logo-dark { display: none; }
html[data-theme="krem"] .header__logo .logo-light { display: block; }
html[data-theme="krem"] .hcall,
html[data-theme="krem"] .hcall:hover { color: var(--ink); }
html[data-theme="krem"] .hcall small { color: var(--muted); }
html[data-theme="krem"] .hcall .ic { background: var(--sand); color: var(--orange-600); }
html[data-theme="krem"] .hicon { color: var(--ink); border-color: var(--line); }
html[data-theme="krem"] .hicon--wa { color: #fff; }
html[data-theme="krem"] .search input { border-color: var(--line); }
html[data-theme="krem"] .search button { background: #232937; }
html[data-theme="krem"] .burger { background: #232937; }
@media (min-width: 1025px) {
  html[data-theme="krem"] .nav__list a { color: var(--ink); }
  html[data-theme="krem"] .nav__list a:hover,
  html[data-theme="krem"] .nav__list a[aria-current="page"] { color: var(--orange-700); }
}
@media (max-width: 1024px) {
  html[data-theme="krem"] .header__bar { background: #fcf9f3; border-top: 0; }
}

/* Butonlar: antrasit zemin, altın hover */
html[data-theme="krem"] .btn { border-radius: 4px; letter-spacing: .06em; }
html[data-theme="krem"] .btn--orange {
  background: #232937; box-shadow: none; color: #f5eee3;
}
html[data-theme="krem"] .btn--orange:hover { background: var(--orange-500); color: #fff; }
html[data-theme="krem"] .btn--navy { --bg: var(--orange-500); }
html[data-theme="krem"] .btn--navy:hover { --bg: var(--orange-600); }

/* İç sayfa başlıkları açık zeminde */
html[data-theme="krem"] .page-hero { background: var(--sand); color: var(--text); border-bottom: 1px solid var(--line); }
html[data-theme="krem"] .page-hero::before { background: repeating-linear-gradient(180deg, rgba(173, 138, 85, .07) 0 1px, transparent 1px 14px); }
html[data-theme="krem"] .page-hero h1 { color: var(--ink); }
html[data-theme="krem"] .page-hero p,
html[data-theme="krem"] .article__meta { color: var(--muted); }
html[data-theme="krem"] .page-hero .crumbs li { color: var(--muted); }
html[data-theme="krem"] .page-hero .crumbs a { color: var(--ink); }

html[data-theme="krem"] .section--cream { background: var(--cream); }
html[data-theme="krem"] .section--sand { background: var(--sand); }
html[data-theme="krem"] .section--navy,
html[data-theme="krem"] .cta-band { background: #232937; }
html[data-theme="krem"] .hero__slide--panel { background: radial-gradient(900px 520px at 72% 45%, rgba(173, 138, 85, .28), transparent 70%), linear-gradient(135deg, #191d28, #2f3647); }

html[data-theme="krem"] .pcard { background: #fff; }
html[data-theme="krem"] .pcard__ribbon { background: #232937; color: #eadcc2; }
html[data-theme="krem"] .pcard__level,
html[data-theme="krem"] .pinfo__level { color: var(--orange-600); }
html[data-theme="krem"] .circle span:first-child { border-color: var(--orange-500); }
html[data-theme="krem"] .trust { background: var(--white); }
html[data-theme="krem"] .trust__icon { background: var(--cream); color: var(--orange-600); border: 1px solid var(--line); }
html[data-theme="krem"] .ktotal,
html[data-theme="krem"] .buybar,
html[data-theme="krem"] .tool__head { background: #232937; }
html[data-theme="krem"] .swatch[aria-checked="true"] { outline-color: var(--orange-500); }
html[data-theme="krem"] .footer { background: #191d28; }
html[data-theme="krem"] .footer::before { background: linear-gradient(90deg, #82622f, #c9a877, #82622f); }