/* RivaWeb açık mod: <html class="rw-light"> (menüdeki güneş/ay düğmesi, seçim tarayıcıda saklanır) */
html.rw-light, html.rw-light body, html.rw-light body.ana {
  color-scheme: light;
  --bg: #f6f4fa; --bg-2: #efecf5; --card: #ffffff; --card-2: #f5f2f9;
  --line: rgba(30, 15, 55, .1); --line-2: rgba(30, 15, 55, .16);
  --fg: #1a1325; --muted: #5d5670; --dim: #7c7590;
}
html.rw-light body { background: var(--bg) !important; color: var(--fg); }
html.rw-light .grad-text { -webkit-text-fill-color: transparent; }

/* menü ve düğmeler */
html.rw-light .nav { background: rgba(255, 255, 255, .85); box-shadow: 0 10px 30px -22px rgba(30, 15, 55, .45); }
html.rw-light .nav-links a:hover, html.rw-light .nav-links a.active { background: rgba(30, 15, 55, .06); }
html.rw-light .nav-toggle { background: rgba(30, 15, 55, .06); }
html.rw-light .btn-ghost, html.rw-light .h-btn-g { background: #fff !important; border: 1px solid var(--line-2) !important; color: var(--fg) !important; }
html.rw-light .btn-ghost:hover, html.rw-light .h-btn-g:hover { background: #f1eef6 !important; }
html.rw-light :is(.btn-light, .h-btn-w, .billing-toggle button.on, .filters button.on, .auth-tabs button.on, .ana .nav-cta .btn-primary) { background: #1a1325 !important; color: #fff !important; border-color: #1a1325 !important; }
html.rw-light .announce { background: #fff; border-bottom: 1px solid var(--line); }

/* hafif beyaz dolgular koyu tona */
html.rw-light :is(.social a, .demo-hint code, .pv-top .dots span, .game .soon, .tab-list button:hover, .panel-side button:hover, .lc-item:hover, .lc-item.on) { background: rgba(30, 15, 55, .05); }
html.rw-light :is(.compare tbody tr:hover, tr.clickable:hover td, .cmp-feat:hover) { background: rgba(30, 15, 55, .03); }
html.rw-light input, html.rw-light select, html.rw-light textarea { background: #fff; color: var(--fg); border-color: var(--line-2); }
html.rw-light .card, html.rw-light .plan, html.rw-light .tcard, html.rw-light .faq details { box-shadow: 0 1px 2px rgba(30, 15, 55, .04), 0 16px 36px -28px rgba(30, 15, 55, .4); }
html.rw-light .cookie, html.rw-light .toast { background: #fff; color: var(--fg); border-color: var(--line-2); }

/* ana sayfa (ana.css) */
html.rw-light body.ana { background: var(--bg) !important; }
html.rw-light :is(.h-card, .h-mods > div, .h-pays li, .h-media, .h-cta, .h-games .g:not(.big), .a-cta) { background: #fff; border-color: var(--line); }
html.rw-light :is(.h-note, .h-rows > div, .h-chat span, .h-ai-top, .h-ai-in) { background: #f6f3fa; border-color: var(--line); color: var(--fg); }
html.rw-light :is(.h-chart, .h-news) { background: #faf8fc; border-color: var(--line); }
html.rw-light .h-chart > b span, html.rw-light .h-months { color: #b3adc2; }
html.rw-light :is(.h-rows span:last-child i, .h-news i) { background: #e6e1ee; }
html.rw-light .h-chat .you span { background: #fbe7f1; border-color: #f4c6dc; }
html.rw-light .h-badge:not(.pink):not(.green) { background: #fff; border-color: var(--line-2); color: var(--fg); }
html.rw-light .h-trust li { color: #8a8399; }
html.rw-light .h-games .g:not(.big) { background: linear-gradient(160deg, color-mix(in oklab, var(--c, #888) 14%, #fff), #fff 70%); }
html.rw-light .h-games .g:not(.big) i { color: var(--c); }
html.rw-light .h-ai-in > i { background: #ece7f3; color: #6d6680; }
html.rw-light .h-shot img, html.rw-light .h-track img, html.rw-light .h-fan img { border-color: var(--line-2); }
html.rw-light .h-glow { opacity: .55; }

/* tema geçiş düğmesi */
.mod-btn { width: 38px; height: 38px; flex: none; display: grid; place-items: center; border-radius: 50%; border: 1px solid var(--line); background: rgba(255, 255, 255, .06); color: var(--fg); cursor: pointer; }
.mod-btn:hover { border-color: var(--line-2); }
.mod-btn .fa-sun, html.rw-light .mod-btn .fa-moon { display: none; }
html.rw-light .mod-btn .fa-sun { display: inline; }
html.rw-light .mod-btn { background: #fff; }
html.rw-light .feat-nav a { background: rgba(255, 255, 255, .9); color: var(--muted); }
html.rw-light .feat-nav a:hover { color: var(--fg); }

html.rw-light .float-badge { background: rgba(255, 255, 255, .95); }
html.rw-light .cookie { background: rgba(255, 255, 255, .98); box-shadow: 0 20px 50px -24px rgba(30, 15, 55, .4); }
html.rw-light .h-kicker, html.rw-light .h-seo-grid article { background: #fff; border-color: rgba(20, 10, 40, .1); }