/* ==========================================================================
   Groyt — Kehribar köprüsü (eski sayfalar için, Ekim 2026)
   --------------------------------------------------------------------------
   style.css ve sayfaya özel eski stilleri yeni tasarım diline bağlar:
   nötr siyah zemin, logodaki sarı gradyan, Sora/Onest yazı, ölçülü ışıma.
   Her sayfada en son yüklenir; sayfaya özel ince ayarlar dosyanın sonunda.
   ========================================================================== */
:root {
  --bg: #0A0B0E;
  --bg-alt: #111318;
  --surface: rgba(255, 255, 255, 0.035);
  --surface-strong: rgba(255, 255, 255, 0.06);
  --border: #22252D;
  --border-strong: #30343E;
  --text-primary: #F5F6F8;
  --text-secondary: #B8BDC8;
  --text-tertiary: #7C8290;
  --grad-accent: linear-gradient(90deg, #FFE14D 0%, #FFC107 55%, #FFA000 100%);
  --grad-text: linear-gradient(90deg, #FFE14D 0%, #FFC107 55%, #FFA000 100%);
  --shadow-glow: 0 0 30px rgba(255, 193, 7, 0.22);
}

body.k-page { background: var(--k-bg); font-family: var(--k-body); }
body.k-page #bg-canvas, body.k-page .noise-overlay { display: none !important; }

/* Başlıklar: Sora */
.k-page h1, .k-page h2, .k-page h3,
.k-page .section-title, .k-page .legal-title, .k-page .hero-title {
  font-family: var(--k-display); letter-spacing: -0.025em;
}

/* Eski sayılar ve küçük etiketler (Orbitron) → Sora; geniş harf aralığı daralır */
.eyebrow,
.hero-stat-num,
.hero-stat-text,
.guild-fallback-icon,
.mini-stat-num,
.stat-num,
.stat-text,
.command-name,
.lb-guild-icon-fallback,
.lb-rank,
.lb-avatar-fallback,
.lb-row-stat-value,
.lb-card-stat-value,
.lb-card-section-title,
.shard-tip-title,
.shard-tip-num,
.shard-summary-num,
.shard-tile,
.shard-card-badge,
.nav-new,
.dc-rank-lv,
.dash-mini-title,
.ticker-track,
.fblock-num,
.fv-ticket b,
.xp-top b,
.eco-row b,
.fv-xox i,
.fv-count span,
.gw-timer,
.frow-num,
.gc-title,
.guard-idx,
.pm-group-label,
.lv-name,
.pm-delta,
.home .tab-count,
.cta-word,
.cmd-peek,
.cmd-pop-head,
.seo-eyebrow,
.seo-steps li::before,
.lb-page .lb-guild-name::before,
.lb-page .lb-range-label,
.gwp-kicker,
.gwp-percent,
.gwp-timer-num,
.gwp-stat-num,
.gd-eyebrow,
.gd-toc a::before,
.gd-num,
.mk-ava,
.cp-bigbar b,
.cp-xox i,
.cp-wordle i,
.lv-mini,
.coin i,
.dna-top,
.dna-name,
.dna-stats b {
  font-family: var(--k-display) !important;
  letter-spacing: 0.02em !important;
}

/* Logo ışıması daha hafif */
.k-page .c-logo { filter: drop-shadow(0 0 10px rgba(255, 193, 7, 0.18)); }

/* Düğmeler: yeni sistemle aynı biçim */
.k-page .btn { border-radius: 999px; font-family: var(--k-body); }
.k-page .btn-primary, .k-page .btn-gold {
  background: var(--k-grad); color: var(--k-on-amber); border: 0;
  box-shadow: 0 10px 28px -14px rgba(255, 193, 7, 0.75);
}
.k-page .btn-primary:hover, .k-page .btn-gold:hover { transform: translateY(-3px); filter: brightness(1.05); box-shadow: 0 12px 34px -12px rgba(255, 193, 7, 0.9); }
.k-page .btn-outline { background: transparent; border: 1.5px solid rgba(255, 255, 255, 0.5); color: var(--k-text); backdrop-filter: none; }
.k-page .btn-outline:hover { transform: translateY(-3px); background: rgba(255, 255, 255, 0.06); border-color: #fff; }
.k-page .btn-ghost:hover { border-color: var(--k-line-2); }

/* Eyebrow etiketleri sakin dursun */
.k-page .eyebrow, .k-page .seo-eyebrow, .k-page .gd-eyebrow { font-size: 12px; color: var(--k-amber-2); }

/* Gradyan yazı logodaki gibi */
.k-page .gradient-text { background: var(--k-grad); -webkit-background-clip: text; background-clip: text; color: transparent; }

/* Yasal metinler: madde işaretleri ve okunur satır uzunluğu */
.k-page .legal-content ul { list-style: disc; padding-left: 4px; }
.k-page .legal-content ul li::marker { color: var(--k-amber); }
.k-page .legal-content { max-width: 74ch; }

/* SEO sayfaları: Discord önizlemesi dar ekranda sütunu itmesin */
.k-page .seo-copy, .k-page .seo-embed, .k-page .seo-stage { min-width: 0; max-width: 100%; }
.k-page .seo-stage { overflow: hidden; }
.k-page .cta-mesh { display: none; }
.k-page .cta-panel { overflow: hidden; }
