/* Loto Diyarı visual refresh: editorial data platform, calm depth, mobile-first. */
:root{
  color-scheme:dark;
  --bg:#0b1220;
  --bg2:#111b2d;
  --panel:#142033;
  --panel2:#192941;
  --panel3:#20334f;
  --text:#f4f7fb;
  --muted:#a7b5c9;
  --line:#2a3e5c;
  --blue:#8bb5ff;
  --cyan:#72d6c2;
  --purple:#8d83ff;
  --purple2:#b8adff;
  --green:#65d5a4;
  --red:#ff91a3;
  --gold:#f2ca7b;
  --shadow:0 18px 42px rgba(1,8,20,.28);
  --radius:16px;
}
html[data-theme="light"]{
  color-scheme:light;
  --bg:#f5f7fb;
  --bg2:#ffffff;
  --panel:#ffffff;
  --panel2:#f0f4fa;
  --panel3:#e8eef7;
  --text:#172033;
  --muted:#5d6b82;
  --line:#d8e1ee;
  --blue:#365fa8;
  --cyan:#177d75;
  --purple:#5b4fca;
  --purple2:#7569df;
  --green:#087b56;
  --red:#b93450;
  --gold:#946313;
  --shadow:0 14px 34px rgba(28,48,78,.09);
}
body{
  background:
    linear-gradient(180deg,color-mix(in srgb,var(--bg2) 74%,transparent),transparent 34%),
    var(--bg);
}
a{transition:color .16s ease,background-color .16s ease,border-color .16s ease,transform .16s ease}
button,.btn{transition:color .16s ease,background-color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease}
.site-header{
  background:color-mix(in srgb,var(--bg2) 92%,transparent);
  border-bottom-color:color-mix(in srgb,var(--line) 84%,transparent);
}
.brand{letter-spacing:-.025em}
.brand-mark{
  background:var(--panel2);
  border-color:var(--line);
  box-shadow:0 8px 22px rgba(33,58,96,.18);
}
.nav a,.icon-btn{border:1px solid transparent}
.nav a:hover,.icon-btn:hover{background:var(--panel2);border-color:var(--line);color:var(--text)}
.search-box{background:var(--panel);border-color:var(--line);box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.search-box:focus-within{border-color:color-mix(in srgb,var(--purple) 70%,var(--line));box-shadow:0 0 0 3px color-mix(in srgb,var(--purple) 18%,transparent)}
.btn{background:var(--panel2);border-color:var(--line);box-shadow:0 5px 16px rgba(1,8,20,.10)}
.btn:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--purple) 62%,var(--line));box-shadow:0 9px 22px rgba(1,8,20,.18)}
.btn.primary{background:var(--purple);border-color:var(--purple);box-shadow:0 8px 20px color-mix(in srgb,var(--purple) 28%,transparent)}
.btn.primary:hover{background:var(--purple2);border-color:var(--purple2);color:#10152b}
html[data-theme="dark"] .btn.primary{color:#10152b}
.card{
  background:linear-gradient(180deg,color-mix(in srgb,var(--panel) 98%,#fff 2%),var(--panel));
  border-color:var(--line);
  box-shadow:var(--shadow);
}
.dash-left,.dash-right{gap:14px}
.dash-main{gap:14px}
.dash-hero{padding:clamp(22px,3vw,32px);border-color:color-mix(in srgb,var(--purple) 28%,var(--line))}
.dash-hero:after{background:radial-gradient(circle,color-mix(in srgb,var(--purple) 30%,transparent),color-mix(in srgb,var(--cyan) 12%,transparent) 36%,transparent 72%);filter:blur(16px);opacity:.7}
.dash-hero h1,.hub-hero h1,.prose h1{letter-spacing:-.045em}
.eyebrow,.tool-kicker{color:var(--cyan);letter-spacing:.11em}
.section-link{color:var(--cyan)}
.hero-orbit{border-color:var(--cyan);border-right-color:var(--purple);border-bottom-color:var(--gold);box-shadow:0 0 24px color-mix(in srgb,var(--cyan) 22%,transparent)}
.hero-bars i{background:linear-gradient(var(--cyan),var(--purple))}
.section-card{padding:16px}
.section-head{margin-bottom:13px}
.section-head h2,.section-head h3{font-size:1rem;letter-spacing:-.015em}
.game-tile,.tool-link,.heat-line,.metric-box,.stable-item,.delta,.shift{
  background:var(--panel2);
  border-color:var(--line);
}
.game-tile:hover,.tool-link:hover,.hub-grid .card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--purple) 64%,var(--line));box-shadow:0 12px 26px rgba(1,8,20,.16)}
.game-tile:after{opacity:.07}
.game-orb{border-color:color-mix(in srgb,var(--game) 52%,var(--line));background:color-mix(in srgb,var(--game) 34%,var(--panel2))}
.tool-link{min-height:72px}
.article-thumb{background:linear-gradient(135deg,color-mix(in srgb,var(--purple) 72%,var(--panel2)),color-mix(in srgb,var(--blue) 50%,var(--panel2)))}
.prose{padding:clamp(24px,4vw,48px);background:var(--panel);border-color:var(--line)}
.hub-hero{padding:clamp(24px,4vw,36px);border-color:color-mix(in srgb,var(--purple) 26%,var(--line))}
.hub-grid{gap:14px}
.hub-grid .card{padding:20px;min-height:164px;background:var(--panel)}
.site-footer{background:color-mix(in srgb,var(--bg) 88%,#000 12%);border-top-color:var(--line)}
.footer-grid{padding-top:44px;padding-bottom:40px}
.ad-slot{background:var(--panel2);border-color:color-mix(in srgb,var(--line) 86%,transparent)}
.runtime-message{background:var(--panel);border-color:var(--line);box-shadow:0 14px 34px rgba(1,8,20,.18)}
input:not([type="checkbox"]):not([type="radio"]),textarea,select{
  background:var(--panel2);
  border-color:var(--line);
  color:var(--text);
}
input:not([type="checkbox"]):not([type="radio"]):focus,textarea:focus,select:focus{
  outline:0;
  border-color:color-mix(in srgb,var(--purple) 70%,var(--line));
  box-shadow:0 0 0 3px color-mix(in srgb,var(--purple) 18%,transparent);
}
table th{color:var(--muted)}
table td,table th{border-bottom-color:var(--line)}
:focus-visible{outline-color:color-mix(in srgb,var(--cyan) 70%,transparent)}
@media(max-width:900px){
  .dashboard{gap:14px}
  .dash-right{gap:14px}
  .section-card{padding:14px}
}
@media(max-width:600px){
  .dash-hero{padding:20px}
  .hub-wrap{margin-top:24px;margin-bottom:54px}
  .hub-grid .card{padding:17px;min-height:0}
  .prose{padding:22px 18px}
  .site-footer{padding-bottom:calc(76px + env(safe-area-inset-bottom))}
}
@media(prefers-reduced-motion:reduce){
  a,button,.btn{transition:none}
}

@media(max-width:900px){
  html[data-theme="light"] .mobile-nav{
    background:color-mix(in srgb,var(--panel) 94%,transparent);
    border-color:var(--line);
    box-shadow:0 14px 34px rgba(28,48,78,.14);
  }
  html[data-theme="light"] .mobile-nav a{color:var(--muted)}
  html[data-theme="light"] .mobile-nav a[aria-current="page"]{color:var(--text)}
}

/* Re-map older dashboard surfaces that still carry fixed dark-mode colors. */
html[data-theme="light"] .competition-panel{
  border-color:color-mix(in srgb,var(--purple) 28%,var(--line));
}
html[data-theme="light"] .competition-metrics>div,
html[data-theme="light"] .rank,
html[data-theme="light"] .avatar,
html[data-theme="light"] .result-logo{
  background:var(--panel2);
  border-color:var(--line);
  color:var(--text);
}
html[data-theme="light"] .bars-chart{
  border-bottom-color:var(--line);
  background-image:linear-gradient(var(--panel3) 1px,transparent 1px);
}
html[data-theme="light"] .community-body{color:var(--text)}
html[data-theme="light"] .side-menu a.active{color:var(--text)}
html[data-theme="light"] .footer-grid ul{color:var(--muted)}
html[data-theme="light"] .honor-strip{
  border-color:color-mix(in srgb,var(--gold) 42%,var(--line));
  background:color-mix(in srgb,var(--gold) 12%,var(--panel2));
  color:color-mix(in srgb,var(--gold) 82%,var(--text));
}

/* Keep article reading and discussion surfaces legible after the theme switch. */
html[data-theme="light"] .article-intro,
html[data-theme="light"] .article-body p,
html[data-theme="light"] .article-body li,
html[data-theme="light"] .thread-body{
  color:var(--text)!important;
}
html[data-theme="light"] .thread-form textarea,
html[data-theme="light"] .thread-empty,
html[data-theme="light"] .thread-login{
  background:var(--panel2)!important;
  border-color:var(--line)!important;
  color:var(--text)!important;
}
html[data-theme="light"] .thread-empty,
html[data-theme="light"] .thread-login{
  color:var(--muted)!important;
}
html[data-theme="light"] .thread-avatar{
  background:var(--panel2)!important;
  border-color:var(--line)!important;
  color:var(--text)!important;
}
html[data-theme="light"] .thread-bot{
  border-color:var(--purple)!important;
  color:var(--purple)!important;
}

/* Faz 3: sayfa içi durum yüzeyleri (notice/note/callout/health-pill) koyu
   tema değişmezleriyle yazıldı; açık temada marka değişkenlerine bağlanır. */
html[data-theme="light"] .notice,
html[data-theme="light"] .note{
  background:var(--panel2);
  border-color:var(--line);
  color:var(--text);
}
html[data-theme="light"] .callout{
  background:color-mix(in srgb,var(--gold) 10%,var(--panel2));
  border-color:color-mix(in srgb,var(--gold) 45%,var(--line));
  color:var(--text);
}
html[data-theme="light"] .health-pill.healthy{
  background:color-mix(in srgb,var(--green) 13%,var(--panel2));
  border-color:color-mix(in srgb,var(--green) 48%,var(--line));
}
html[data-theme="light"] .health-pill.degraded,
html[data-theme="light"] .health-pill.stale{
  background:color-mix(in srgb,var(--gold) 12%,var(--panel2));
  border-color:color-mix(in srgb,var(--gold) 48%,var(--line));
}
html[data-theme="light"] .state.ok{
  border-color:color-mix(in srgb,var(--green) 55%,var(--line));
}
html[data-theme="light"] .state.warn{
  border-color:color-mix(in srgb,var(--gold) 55%,var(--line));
}