/* ==========================================================================
   TEMA: MODERN — sade, çağdaş, bol beyaz alan
   Antrasit + bordo, geniş tipografi, yumuşak köşeler
   ========================================================================== */
:root{
  --ink-900:#111113;
  --ink-800:#1b1b1f;
  --ink-700:#2a2a30;
  --wine-600:#8b1e2d;
  --wine-500:#a12639;
  --wine-400:#c2485a;

  --bg:#ffffff;
  --surface:#ffffff;
  --surface-2:#f7f7f8;
  --fg:#3f3f46;
  --fg-strong:#111113;
  --fg-muted:#71717a;
  --line:#e8e8ea;
  --line-strong:#d4d4d8;

  --accent:var(--wine-600);
  --accent-hover:#701623;
  --accent-fg:#ffffff;
  --accent-soft:rgba(139,30,45,.14);

  --brand-fg:#111113;
  --nav-fg:#52525b;

  --topbar-bg:#f4f4f5;
  --topbar-fg:#52525b;
  --head-bg:rgba(255,255,255,.86);
  --head-line:#eeeef0;
  --head-h:76px;

  --hero-bg:#fafafa;
  --hero-fg:#111113;
  --pagehead-bg:#fafafa;
  --pagehead-fg:#111113;
  --cta-bg:var(--ink-900);
  --cta-fg:#fafafa;
  --foot-bg:var(--ink-900);
  --foot-fg:#a1a1aa;

  --tag-bg:rgba(139,30,45,.09);
  --tag-fg:var(--wine-600);

  --ok-bg:#f0fdf4;--ok-fg:#166534;--ok-line:#bbf7d0;
  --danger:#b91c1c;--danger-bg:#fef2f2;
  --map-filter:grayscale(1) contrast(1.08);

  --radius:14px;
  --radius-sm:10px;
  --shadow:0 18px 44px rgba(17,17,19,.09);

  --font-head:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
  --font-body:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
  --head-weight:700;
  --head-ls:-0.035em;
}

body{font-size:17px;letter-spacing:-.005em}

.topbar{border-bottom:1px solid var(--line)}

/* Hero: açık zemin, iri tipografi, "Instrument Serif" italik vurgu */
.hero{background:
  radial-gradient(900px 460px at 82% -20%,rgba(139,30,45,.07),transparent 60%),
  var(--hero-bg)}
.hero__in{padding-block:clamp(4rem,2rem + 9vw,8.5rem)}
.hero h1{font-weight:700;letter-spacing:-.04em;line-height:1.06}
.hero h1 .em{font-family:"Instrument Serif",Georgia,serif;font-style:italic;font-weight:400;color:var(--accent);letter-spacing:-.01em}
.hero__kicker{display:inline-block;background:var(--accent-soft);color:var(--accent);
  padding:.45rem .9rem;border-radius:999px;letter-spacing:.14em}
.hero__lead{font-size:1.15rem;color:var(--fg-muted);opacity:1}

.section__kicker{color:var(--accent)}

/* Yumuşak, gölgesiz kartlar */
.card{background:var(--surface-2);border-color:transparent;border-radius:var(--radius);padding:1.9rem}
.card:hover{background:#fff;border-color:var(--line);box-shadow:var(--shadow)}
.card__ico{margin-bottom:1.25rem}

.post-card{border-radius:var(--radius)}
.post-card__title{font-weight:650;letter-spacing:-.02em}

.btn{border-radius:999px;font-weight:600;letter-spacing:-.01em}

.nav ul a{font-weight:500;letter-spacing:-.01em}

.pagehead{border-bottom:1px solid var(--line)}
.pagehead h1{letter-spacing:-.04em}

.prose{font-size:1.05rem}
.prose h2{letter-spacing:-.03em}

.aside__box{background:var(--surface-2);border-color:transparent}

.foot-brand{letter-spacing:.1em;font-weight:700}

.hero .btn--ghost{color:var(--fg-strong);box-shadow:inset 0 0 0 1.5px var(--line-strong)}
.hero .btn--ghost:hover{background:var(--surface-2);color:var(--fg-strong)}