/* ═══════════════════════════════════════════════════
   aihaber — Magazine Design System
   Verge × Wired × HN estetigi
   ═══════════════════════════════════════════════════ */

:root {
  /* ── Surfaces ──────────────────────────────────── */
  --ink:           #0a0a0a;
  --paper:         #ffffff;
  --paper-soft:    #f5f5f0;
  --paper-warm:    #faf6ed;
  --paper-line:    #0a0a0a;

  /* ── Brand Accent ──────────────────────────────── */
  --c-pri:         #6366f1;
  --c-pri-rgb:     99,102,241;
  --c-pri-dk:      #4f46e5;
  --c-pri-light:   #818cf8;
  --c-pri-bg:      rgba(99,102,241,0.06);
  --c-pri-border:  rgba(99,102,241,0.2);

  --c-acc-lime:    #D4FF00;
  --c-acc-orange:  #FF3D00;
  --c-acc-purple:  #8B5CF6;

  /* ── Text ──────────────────────────────────────── */
  --text-ink:      #0a0a0a;
  --text-mute:     #6b6b6b;
  --text-soft:     #999999;
  --text-on-dark:  #ffffff;
  --text-on-dark-mute: #999999;

  /* ── Category Colors ───────────────────────────── */
  --c-cat-llm:        #6366f1;
  --c-cat-tools:      #FF3D00;
  --c-cat-mcp:        #D4FF00;
  --c-cat-research:   #8B5CF6;
  --c-cat-news:       #0a0a0a;
  --c-cat-image:      #EC4899;
  --c-cat-video:      #0EA5E9;
  --c-cat-code:       #22C55E;

  /* ── Legacy compat aliases ─────────────────────── */
  --c-bg:          var(--paper);
  --c-bg-card:     var(--paper);
  --c-bg-card-h:   var(--paper-soft);
  --c-bg-elev:     var(--paper);
  --c-bg-input:    var(--paper-soft);
  --c-border:      #e0e0dc;
  --c-border-h:    #0a0a0a;
  --c-tx:          var(--text-ink);
  --c-tx-2:        var(--text-mute);
  --c-tx-3:        var(--text-soft);
  /* Short-form aliases — fixes.css, papers.css, appstore.css */
  --c-brd:         #e0e0dc;
  --c-brd2:        #e0e0dc;
  --c-bgc:         var(--paper);
  --c-bg2:         var(--paper-soft);
  --c-tx2:         var(--text-mute);
  --c-tx3:         var(--text-soft);
  --c-ok:          #16A34A;
  --c-warn:        #D97706;
  --c-err:         #DC2626;
  --c-pink:        #EC4899;
  --c-sec:         var(--c-acc-purple);
  --c-acc:         #EC4899;
  --c-n0:          #ffffff;
  --c-n50:         #faf6ed;
  --c-n100:        #f5f5f0;
  --c-n200:        #e0e0dc;
  --c-n300:        #c0c0bb;
  --c-n500:        #999999;
  --c-n600:        #6b6b6b;
  --c-n700:        #3d3d3d;
  --c-n800:        #1a1a1a;
  --c-n900:        #0a0a0a;
  --c-code-bg:     #0a0a0a;
  --c-code-tx:     #D4FF00;
  --c-hdr-bg:      var(--paper);

  /* ── Typography ────────────────────────────────── */
  --font-display: 'Plus Jakarta Sans', 'Inter', system-ui, sans-serif;
  --font-body:    'Inter', system-ui, sans-serif;
  --font-mono:    'JetBrains Mono', 'SF Mono', monospace;
  --font-serif:   'Playfair Display', Georgia, serif;

  /* Scale */
  --fs-display-xl: clamp(48px, 6vw, 96px);
  --fs-display-lg: clamp(40px, 5vw, 72px);
  --fs-display-md: clamp(32px, 4vw, 56px);
  --fs-display-sm: clamp(26px, 3vw, 40px);
  --fs-h1:         clamp(28px, 2.5vw, 36px);
  --fs-h2:         clamp(22px, 2vw, 28px);
  --fs-h3:         22px;
  --fs-h4:         18px;
  --fs-body-lg:    18px;
  --fs-body:       16px;
  --fs-body-sm:    14px;
  --fs-eyebrow:    11px;
  --fs-micro:      10px;

  /* Legacy scale aliases */
  --text-xs:   11px;
  --text-sm:   13px;
  --text-base: 14px;
  --text-lg:   15px;
  --text-xl:   18px;
  --text-2xl:  20px;
  --text-3xl:  24px;
  --text-4xl:  30px;
  --text-5xl:  36px;

  --fw-regular:   400;
  --fw-medium:    500;
  --fw-semibold:  600;
  --fw-bold:      700;
  --fw-extrabold: 800;

  /* ── Spacing ───────────────────────────────────── */
  --space-1: 4px;   --sp-1: 4px;
  --space-2: 8px;   --sp-2: 8px;
  --space-3: 12px;  --sp-3: 12px;
  --space-4: 16px;  --sp-4: 16px;
  --space-5: 20px;  --sp-5: 20px;
  --space-6: 24px;  --sp-6: 24px;
  --space-7: 32px;  --sp-7: 28px;
  --space-8: 40px;  --sp-8: 32px;
  --space-9: 56px;  --sp-10: 40px;
  --space-10: 72px; --sp-12: 48px;
  --space-11: 96px; --sp-16: 64px;

  /* ── Layout ────────────────────────────────────── */
  --container-max:    1440px;
  --container-narrow: 760px;
  --container-wide:   1680px;
  --max-w:            1440px;
  --sidebar-w:        320px;
  --hdr-h:            auto;
  --hdr-h-sm:         48px;

  /* ── Borders — magazine: NO radius, NO shadow ──── */
  --border-w:       1px;
  --border-w-thick: 2px;

  /* Radius: ALL ZERO — magazine aesthetic */
  --r-xs:   0;
  --r-s:    0;
  --r-sm:   0;
  --r-m:    0;
  --r-md:   0;
  --r-l:    0;
  --r-lg:   0;
  --r-xl:   0;
  --r-2xl:  0;
  --r-3xl:  0;
  --r-full: 9999px; /* only for dot indicators */

  /* Shadows: NONE — magazine uses borders */
  --sh-xs:    none;
  --sh-sm:    none;
  --sh-md:    none;
  --sh-lg:    none;
  --sh-hover: none;

  /* ── Animation ─────────────────────────────────── */
  --ease:     cubic-bezier(0.2, 0.8, 0.2, 1);
  --dur-fast: 120ms;
  --dur:      240ms;
  --tr:       120ms cubic-bezier(0.2, 0.8, 0.2, 1);
  --tr-fast:  120ms ease;
  --tr-slow:  240ms ease;
}

/* ── Dark mode override ────────────────────────────── */
[data-theme="dark"] {
  /* Surface katmanları — sayfa bg < kartlar < warm */
  --paper:         #131313;       /* sayfa zemini */
  --paper-soft:    #1c1c1c;       /* kartlar, hover bg */
  --paper-warm:    #1f1a14;       /* paper hero, guide bg */

  /* Border — pure beyaz değil, ince gri */
  --paper-line:    #2a2a2a;

  /* "Ink" decorative dark olarak kalır (hero blokları, butonlar — background: var(--ink)) */
  --ink:           #050505;

  /* Text artık warm beyaz */
  --text-ink:      #f5f5f0;
  --text-mute:     #999;
  --text-soft:     #666;
  --text-on-dark:  #f5f5f0;

  /* Magazine accent renkleri DEĞİŞMEZ — lime hâlâ lime, orange hâlâ orange */

  /* Legacy compat */
  --c-bg:          #131313;
  --c-bg-card:     #1c1c1c;
  --c-bg-card-h:   #242424;
  --c-bg-elev:     #1c1c1c;
  --c-bg-input:    #0a0a0a;
  --c-border:      #2a2a2a;
  --c-border-h:    #444;
  --c-tx:          #f5f5f0;
  --c-tx-2:        #999;
  --c-tx-3:        #666;
  --c-brd:         #2a2a2a;
  --c-brd2:        #1f1f1f;
  --c-bgc:         #1c1c1c;
  --c-bg2:         #131313;
  --c-tx2:         #999;
  --c-tx3:         #666;
  --c-n0:          #131313;
  --c-n50:         #1c1c1c;
  --c-n100:        #242424;
  --c-n200:        #2a2a2a;
  --c-n300:        #444;
  --c-n500:        #666;
  --c-n600:        #999;
  --c-n700:        #ccc;
  --c-n800:        #e0e0e0;
  --c-n900:        #f5f5f0;

  --sh-xs:    0 1px 2px rgba(0,0,0,0.5);
  --sh-sm:    0 0 0 1px rgba(255,255,255,0.05);
  --sh-md:    0 0 0 1px rgba(255,255,255,0.06);
  --sh-lg:    0 0 0 1px rgba(255,255,255,0.06);
  --sh-hover: 0 0 0 1px var(--c-pri);
}

/* Dark mode — component-specific düzeltmeler */
[data-theme="dark"] body { background: var(--paper); color: var(--text-ink); }
[data-theme="dark"] .site-header,
[data-theme="dark"] .hdr { background: var(--paper); }
[data-theme="dark"] .hdr__brand,
[data-theme="dark"] .hdr__brand-name { color: var(--text-ink); }
[data-theme="dark"] .hdr__brand-tag,
[data-theme="dark"] .hdr__date { color: var(--text-mute); }
[data-theme="dark"] .hdr__date strong { color: var(--text-ink); }
[data-theme="dark"] .hdr__icon {
    background: var(--paper-soft);
    border-color: var(--paper-line);
    color: var(--text-ink);
}
[data-theme="dark"] .hdr__icon:hover { background: var(--c-acc-lime); color: #0a0a0a; }
[data-theme="dark"] .hdr__sub,
[data-theme="dark"] .btn-header-cta {
    background: var(--c-acc-lime);
    color: #0a0a0a;
    border-color: var(--c-acc-lime);
}
[data-theme="dark"] .hdr__sub:hover { background: var(--text-ink); color: #0a0a0a; }
[data-theme="dark"] .hdr__nav {
    background: var(--paper);
    border-top-color: var(--paper-line);
}
[data-theme="dark"] .hdr__nav-list > li > a,
[data-theme="dark"] .top-nav-menu > li > a {
    color: var(--text-ink);
    border-right-color: var(--paper-line);
}
[data-theme="dark"] .hdr__nav-list > li:first-child > a,
[data-theme="dark"] .top-nav-menu > li:first-child > a { border-left-color: var(--paper-line); }
[data-theme="dark"] .hdr__nav-list > li > a:hover { background: var(--c-acc-lime); color: #0a0a0a; }
[data-theme="dark"] .hdr__nav-list > li.current-menu-item > a,
[data-theme="dark"] .hdr__nav-list > li.current-menu-parent > a,
[data-theme="dark"] .top-nav-menu > li.current-menu-item > a {
    background: var(--text-ink); color: var(--paper);
}
[data-theme="dark"] .hdr__search {
    background: var(--paper-soft);
    border-left-color: var(--paper-line);
}
[data-theme="dark"] .hdr__search input {
    color: var(--text-ink);
    background: transparent;
}
[data-theme="dark"] .hdr__search input::placeholder { color: var(--text-soft); }
[data-theme="dark"] .hdr__search-icon { color: var(--text-mute); }
[data-theme="dark"] .hdr__search-key {
    background: var(--paper);
    border-color: var(--paper-line);
    color: var(--text-mute);
}

/* AI search popover */
[data-theme="dark"] .hdr__ai-pop {
    background: var(--paper-soft);
    border-color: var(--paper-line);
    box-shadow: 0 8px 0 var(--ink);
}
[data-theme="dark"] .hdr__ai-pop__btn {
    background: var(--paper-soft);
    color: var(--text-ink);
    border-bottom-color: var(--paper-line);
}
[data-theme="dark"] .hdr__ai-pop__btn:hover { background: var(--c-acc-lime); color: #0a0a0a; }
[data-theme="dark"] .hdr__ai-pop__txt strong { color: var(--text-ink); }
[data-theme="dark"] .hdr__ai-pop__txt small { color: var(--text-mute); }

/* Topbar / toptick */
[data-theme="dark"] .toptick { background: #050505; border-bottom-color: var(--paper-line); }

/* Cards / Stream / Feature cards */
[data-theme="dark"] .stream-card,
[data-theme="dark"] .feat-card,
[data-theme="dark"] .mod-card,
[data-theme="dark"] .mcp-card,
[data-theme="dark"] .tl-grid__card,
[data-theme="dark"] .tl-feat__card,
[data-theme="dark"] .tl-row,
[data-theme="dark"] .gli,
[data-theme="dark"] .pl__row,
[data-theme="dark"] .hot__card,
[data-theme="dark"] .e404__suggest-card,
[data-theme="dark"] .ns-related-card,
[data-theme="dark"] .ns-side-block,
[data-theme="dark"] .arc-hero__stats > div { background: var(--paper-soft); color: var(--text-ink); }
[data-theme="dark"] .stream-card:hover,
[data-theme="dark"] .mod-card:hover,
[data-theme="dark"] .mcp-card:hover,
[data-theme="dark"] .tl-row:hover,
[data-theme="dark"] .pl__row:hover { background: var(--c-bg-card-h); }

/* Hero sections — backgrounds stay dark since --ink stays #050505 */

/* TL;DR lime kalır (lime üzerine ink text iyi okunur) */

/* Buttons */
[data-theme="dark"] .btn--ink,
[data-theme="dark"] .btn-ink {
    background: var(--text-ink); color: var(--paper); border-color: var(--text-ink);
}
[data-theme="dark"] .btn--ghost {
    background: transparent; color: var(--text-ink); border-color: var(--text-ink);
}

/* Forms / inputs */
[data-theme="dark"] input[type="text"],
[data-theme="dark"] input[type="email"],
[data-theme="dark"] input[type="search"],
[data-theme="dark"] input[type="url"],
[data-theme="dark"] textarea,
[data-theme="dark"] select {
    background: var(--paper-soft);
    color: var(--text-ink);
    border-color: var(--paper-line);
}
[data-theme="dark"] input::placeholder,
[data-theme="dark"] textarea::placeholder { color: var(--text-soft); }

/* Comments */
[data-theme="dark"] .comments-section,
[data-theme="dark"] .comment-item,
[data-theme="dark"] .comment-form-wrap { background: var(--paper-soft); }

/* Pagination */
[data-theme="dark"] .pager__edge,
[data-theme="dark"] .pager__nums,
[data-theme="dark"] .pager__num {
    background: var(--paper-soft); color: var(--text-ink); border-color: var(--paper-line);
}

/* Code / pre */
[data-theme="dark"] code, [data-theme="dark"] pre { background: var(--ink); color: var(--c-acc-lime); }

/* Hardcoded text color override — frontend dosyalarındaki #1a1a1a, #222, #333, #444 */
[data-theme="dark"] .ns-body,
[data-theme="dark"] .ns-body p,
[data-theme="dark"] .ns-body__lead,
[data-theme="dark"] .ai-panel__body,
[data-theme="dark"] .ai-digest__body,
[data-theme="dark"] .post-content,
[data-theme="dark"] .article-content,
[data-theme="dark"] .entry-content,
[data-theme="dark"] .post-content p,
[data-theme="dark"] .article-content p,
[data-theme="dark"] .entry-content p { color: var(--text-ink) !important; }

[data-theme="dark"] .ns-body h2,
[data-theme="dark"] .ns-body h3,
[data-theme="dark"] .ns-body h4,
[data-theme="dark"] .article-content h2,
[data-theme="dark"] .article-content h3,
[data-theme="dark"] .article-content h4,
[data-theme="dark"] .entry-content h2,
[data-theme="dark"] .entry-content h3,
[data-theme="dark"] .entry-content h4 { color: var(--text-ink); }

[data-theme="dark"] .ns-body blockquote { color: var(--text-ink); border-left-color: var(--text-ink); }

[data-theme="dark"] .ns-related-card__title,
[data-theme="dark"] .ns-author-card__name,
[data-theme="dark"] .ns-side-author strong,
[data-theme="dark"] .ns-rank-list li a,
[data-theme="dark"] .ns-toc li a,
[data-theme="dark"] .feat-card__title,
[data-theme="dark"] .stream-card__title,
[data-theme="dark"] .mod-card__name,
[data-theme="dark"] .mcp-card__name h4,
[data-theme="dark"] .tl-feat__body h4,
[data-theme="dark"] .tl-row__name b,
[data-theme="dark"] .tl-grid__name,
[data-theme="dark"] .gli .body h4,
[data-theme="dark"] .pl__body h4,
[data-theme="dark"] .hot__card h4,
[data-theme="dark"] .e404__suggest-card h4 { color: var(--text-ink); }

[data-theme="dark"] .ns-related-card__title a,
[data-theme="dark"] .ns-author-card__name a,
[data-theme="dark"] .feat-card__title a,
[data-theme="dark"] .stream-card__title a,
[data-theme="dark"] .mod-card__name a,
[data-theme="dark"] .gli .body h4 a,
[data-theme="dark"] .pl__body h4 a,
[data-theme="dark"] .e404__suggest-card h4 a { color: inherit; }

/* Excerpt/desc texts */
[data-theme="dark"] .feat-card__excerpt,
[data-theme="dark"] .stream-card__excerpt,
[data-theme="dark"] .ns-related-card__title,
[data-theme="dark"] .tl-feat__body p,
[data-theme="dark"] .tl-row__name p,
[data-theme="dark"] .tl-grid__desc,
[data-theme="dark"] .gli .desc,
[data-theme="dark"] .pl__abstract,
[data-theme="dark"] .mcp-card__desc,
[data-theme="dark"] .ns-author-card__bio,
[data-theme="dark"] .ns-side-author p { color: var(--text-mute); }

/* Author chips, names */
[data-theme="dark"] .stream-card__author,
[data-theme="dark"] .pl__authors b,
[data-theme="dark"] .tl-row__chips span,
[data-theme="dark"] .pl__chips span,
[data-theme="dark"] .gli .chips span,
[data-theme="dark"] .feat-card .badge--paper,
[data-theme="dark"] .mod-card__caps .cap { color: var(--text-ink); background: var(--paper-soft); border-color: var(--paper-line); }

/* Section heads */
[data-theme="dark"] .section-head { border-bottom-color: var(--paper-line); }
[data-theme="dark"] .section-head__title { color: var(--text-ink); }
[data-theme="dark"] .section-head__more { border-color: var(--paper-line); color: var(--text-mute); }
[data-theme="dark"] .section-head__more:hover { background: var(--text-ink); color: var(--paper); border-color: var(--text-ink); }

/* Comments dark fix */
[data-theme="dark"] .comment-text,
[data-theme="dark"] .comment-author-name { color: var(--text-ink); }

/* Filter rail / chip backgrounds */
[data-theme="dark"] .filter-bar,
[data-theme="dark"] .pf__b,
[data-theme="dark"] .mcp-filt__block,
[data-theme="dark"] .tl-filt__block,
[data-theme="dark"] .mod-rail { background: var(--paper); border-color: var(--paper-line); }
[data-theme="dark"] .pf__h,
[data-theme="dark"] .mcp-filt__head,
[data-theme="dark"] .tl-filt__head { background: var(--paper-soft); color: var(--text-ink); border-bottom-color: var(--paper-line); }
[data-theme="dark"] .pf__l a,
[data-theme="dark"] .mcp-filt__list a,
[data-theme="dark"] .tl-filt__list label { color: var(--text-ink); }
[data-theme="dark"] .pf__l a .ct,
[data-theme="dark"] .tl-filt__list .count,
[data-theme="dark"] .mcp-filt__list .count {
    background: var(--paper-soft); color: var(--text-mute); border-color: var(--paper-line);
}

/* Related/empty state */
[data-theme="dark"] .arc-empty,
[data-theme="dark"] .mod-empty,
[data-theme="dark"] .mcp-empty,
[data-theme="dark"] .pl-empty,
[data-theme="dark"] .gempty,
[data-theme="dark"] .tl-empty { background: var(--paper-soft); color: var(--text-mute); }

/* ─────────────── DARK MODE COMPREHENSIVE PASS ─────────────── */

/* Share rail (sol fixed) — dark'ta light icon'lar */
[data-theme="dark"] .ns-share-rail__btn {
    background: var(--paper-soft);
    color: var(--text-ink);
    border-color: var(--paper-line);
}
[data-theme="dark"] .ns-share-rail__btn:hover {
    background: var(--c-acc-lime);
    color: #0a0a0a;
    border-color: var(--c-acc-lime);
}
[data-theme="dark"] .ns-share-rail__btn--ai {
    background: var(--c-acc-lime);
    color: #0a0a0a;
}
[data-theme="dark"] .ns-share-rail__count { color: var(--text-mute); }

/* Hero share buttons (post içi sağ üst) */
[data-theme="dark"] .ns-hero__share a,
[data-theme="dark"] .ns-hero__share button,
[data-theme="dark"] .post-hero__share a,
[data-theme="dark"] .post-hero__share button {
    background: var(--paper-soft);
    color: var(--text-ink);
    border-color: var(--paper-line);
}

/* Share-bottom strip butonları */
[data-theme="dark"] .ns-share-bottom { border-color: var(--paper-line); }
[data-theme="dark"] .ns-share-bottom__btn {
    background: var(--paper-soft);
    color: var(--text-ink);
    border-color: var(--paper-line);
}
[data-theme="dark"] .ns-share-bottom__btn--lime { background: var(--c-acc-lime); color: #0a0a0a; border-color: var(--c-acc-lime); }

/* TL;DR — dark'ta lime üzerine ink okunaklı kalsın */
[data-theme="dark"] .ns-tldr {
    background: var(--c-acc-lime);
    color: #0a0a0a;
    border-left-color: #0a0a0a;
}
[data-theme="dark"] .ns-tldr li,
[data-theme="dark"] .ns-tldr p,
[data-theme="dark"] .ns-tldr__label { color: #0a0a0a; }

/* Section heads — daha büyük + okunaklı */
[data-theme="dark"] .section-head__title { color: var(--text-ink); }
[data-theme="dark"] .section-head__title em { color: var(--c-acc-orange); }

/* Hero title text okunaklı */
[data-theme="dark"] .post-hero__title,
[data-theme="dark"] .ns-hero__title,
[data-theme="dark"] .arc-hero__title,
[data-theme="dark"] .mod-hero__title,
[data-theme="dark"] .mcp-hero__title,
[data-theme="dark"] .ph__title,
[data-theme="dark"] .gh__title,
[data-theme="dark"] .tl-hero__title { color: #fff; }

/* Tool/Stream/Card title'lar — kart bg ne olursa olsun text okunaklı */
[data-theme="dark"] .hp-tool { background: var(--paper-soft); border-color: var(--paper-line); }
[data-theme="dark"] .hp-tool .hp-tool__name,
[data-theme="dark"] .hp-tool .hp-tool__cat,
[data-theme="dark"] .hp-tool .hp-tool__maker,
[data-theme="dark"] .hp-tool .hp-tool__desc,
[data-theme="dark"] .hp-tool .hp-tool__price { color: var(--text-ink); }
[data-theme="dark"] .hp-tool .hp-tool__desc,
[data-theme="dark"] .hp-tool .hp-tool__maker { color: var(--text-mute); }
[data-theme="dark"] .hp-tool .hp-tool__price { color: var(--c-acc-orange); }

/* EN YENİLER kart (.hp-latest) */
[data-theme="dark"] .hp-latest__item { background: var(--paper-soft); }
[data-theme="dark"] .hp-latest__item .hp-latest__cat,
[data-theme="dark"] .hp-latest__item .hp-latest__time { color: var(--text-mute); }
[data-theme="dark"] .hp-latest__item .hp-latest__title,
[data-theme="dark"] .hp-latest__item .hp-latest__numeral { color: var(--text-ink); }

/* hp-feed timeline */
[data-theme="dark"] .hp-feed__title a { color: var(--text-ink); }
[data-theme="dark"] .hp-feed__excerpt { color: var(--text-mute); }
[data-theme="dark"] .hp-feed__meta { color: var(--text-mute); }
[data-theme="dark"] .hp-feed__cat { color: var(--text-ink); }
[data-theme="dark"] .hp-feed__stats { color: var(--text-mute); }

/* hp-rank (AI Model Sıralaması — ink bg) */
[data-theme="dark"] .hp-rank__card { background: var(--paper-soft); border-color: var(--paper-line); }
[data-theme="dark"] .hp-rank__card .hp-rank__name,
[data-theme="dark"] .hp-rank__card .hp-rank__score { color: #fff; }
[data-theme="dark"] .hp-rank__card .hp-rank__meta { color: var(--text-mute); }

/* Author chip / sidebar texts */
[data-theme="dark"] .ns-author-chip__meta strong { color: #fff; }
[data-theme="dark"] .ns-author-chip__meta span { color: var(--text-mute); }
[data-theme="dark"] .ns-side-block,
[data-theme="dark"] .ns-side-block .ns-side-block__label { color: var(--text-mute); }
[data-theme="dark"] .ns-side-block--news { background: var(--ink); border-color: var(--paper-line); }
[data-theme="dark"] .ns-side-block--author { background: var(--paper-soft); }

/* AI ASSISTANT sidebar (post-single) */
[data-theme="dark"] .ai-assistant {
    background: var(--paper-soft);
    color: var(--text-ink);
    border-color: var(--paper-line);
}
[data-theme="dark"] .ai-assistant__title { color: var(--text-ink); }
[data-theme="dark"] .ai-assistant__quick button {
    background: var(--paper);
    color: var(--text-ink);
    border-color: var(--paper-line);
}
[data-theme="dark"] .ai-assistant__chat-msg--bot {
    background: var(--paper);
    color: var(--text-ink);
}
[data-theme="dark"] .ai-assistant__form input {
    background: var(--paper);
    color: var(--text-ink);
    border-color: var(--paper-line);
}

/* Tool single (single-ai_tool) — sidebar düzeltmeleri */
[data-theme="dark"] .tool-info-dl dt { color: var(--text-mute); }
[data-theme="dark"] .tool-info-dl dd { color: var(--text-ink); }
[data-theme="dark"] .tool-rel-card { background: var(--paper-soft); border-color: var(--paper-line); color: var(--text-ink); }
[data-theme="dark"] .tool-rel-card__name { color: var(--text-ink); }
[data-theme="dark"] .tool-rel-card__dev { color: var(--text-mute); }

/* Common card titles in tool/model archive cards */
[data-theme="dark"] .ab-card-name,
[data-theme="dark"] .ab-tag,
[data-theme="dark"] .ab-card-desc,
[data-theme="dark"] .ab-card-dev { color: var(--text-ink); }
[data-theme="dark"] .ab-card-desc { color: var(--text-mute); }
[data-theme="dark"] .ab-tag { background: var(--paper); border-color: var(--paper-line); }

/* MCP card */
[data-theme="dark"] .mcp-card__name h4 a { color: var(--text-ink); }
[data-theme="dark"] .mcp-card__desc { color: var(--text-mute); }

/* Overall safety net — dark text on dark bg fallback */
[data-theme="dark"] .container,
[data-theme="dark"] section,
[data-theme="dark"] article { color: var(--text-ink); }
[data-theme="dark"] h1, [data-theme="dark"] h2, [data-theme="dark"] h3,
[data-theme="dark"] h4, [data-theme="dark"] h5 { color: var(--text-ink); }
[data-theme="dark"] p { color: var(--text-ink); }

/* Section head dark — daha büyük + lime şerit görünür */
[data-theme="dark"] .section-head { border-bottom-color: var(--paper-line); }
[data-theme="dark"] .section-head::before { background: var(--c-acc-lime); }

/* ── Global Reset & Base ───────────────────────────── */
*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html, body {
  font-family: var(--font-body);
  font-size: 15px;
  line-height: 1.6;
  color: var(--text-ink);
  background: var(--paper);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-display);
  font-weight: 800;
  line-height: 1.1;
  letter-spacing: -0.03em;
  color: var(--text-ink);
}

a { color: inherit; text-decoration: none; }
a:hover { text-decoration: none; }

img { max-width: 100%; height: auto; display: block; }

code, pre { font-family: var(--font-mono); }

/* ── Eyebrow / Meta ──────────────────────────────── */
.eyebrow {
  font: 800 var(--fs-eyebrow)/1 var(--font-body);
  letter-spacing: 2.5px;
  text-transform: uppercase;
  color: var(--c-pri);
}
.eyebrow--on-dark { color: var(--c-acc-lime); }
.eyebrow--mute    { color: var(--text-mute); }

/* ── Container ───────────────────────────────────── */
.container {
  max-width: var(--container-max);
  margin-left: auto;
  margin-right: auto;
  padding-left: 32px;
  padding-right: 32px;
}
.container--narrow { max-width: var(--container-narrow); }
.container--wide   { max-width: var(--container-wide); }

/* ── Reading Progress Bar ─────────────────────────── */
.reading-progress-bar {
  position: fixed;
  top: 0;
  left: 0;
  height: 3px;
  background: var(--c-acc-lime);
  width: 0%;
  z-index: 9999;
  transition: width 0.1s linear;
}

/* ── Skip Link ───────────────────────────────────── */
.skip-link {
  position: absolute;
  left: -9999px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.skip-link:focus {
  position: fixed;
  top: 8px;
  left: 8px;
  width: auto;
  height: auto;
  padding: 8px 16px;
  background: var(--c-acc-lime);
  color: var(--ink);
  font: 700 13px/1 var(--font-body);
  z-index: 10000;
  outline: none;
}

/* ── Animations ───────────────────────────────────── */
@keyframes pulse {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.5; transform: scale(0.85); }
}
@keyframes pulse-live {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.4; }
}
@keyframes ticker-slide {
  0% { transform: translateY(8px); opacity: 0; }
  10% { transform: translateY(0); opacity: 1; }
  90% { transform: translateY(0); opacity: 1; }
  100% { transform: translateY(-8px); opacity: 0; }
}
@keyframes skeleton-pulse {
  0% { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}
@keyframes marqueeX {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}
@keyframes fadeIn {
  from { opacity: 0; transform: translateY(8px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* ── Reduced Motion ───────────────────────────────── */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
  }
  .marquee__track { animation: none !important; }
}

/* ── Focus styles ─────────────────────────────────── */
:focus-visible {
  outline: 2px solid var(--c-acc-lime);
  outline-offset: 2px;
}

/* ── Utility ──────────────────────────────────────── */
.sr-only {
  position: absolute;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
  border-width: 0;
}

/* ── WordPress alignment ──────────────────────────── */
.alignleft  { float: left;  margin: 0 1.5em 1em 0; }
.alignright { float: right; margin: 0 0 1em 1.5em; }
.aligncenter { display: block; margin: 1em auto; }

/* ── Icon helper ──────────────────────────────────── */
.icon { display: inline-block; vertical-align: middle; flex-shrink: 0; }