/* =========================================================================
   css/themes.css
   Sadece :root değişkenleri, renkler, Dark Mode ve özel temalar
   ========================================================================= */

:root {
    --board-bg: #fff;
    --board-size: min(100vw - 20px, 100dvh - 240px, 750px);
    --cell: calc(var(--board-size) / 15);
    --red: #fc4d4a;
    --light-red: #ffdcdb;
    --blue: #1eb1ff;
    --light-blue: #cceeff;
    --green: #25c962;
    --light-green: #d1f5de;
    --yellow: #facb15;
    --light-yellow: #fef1b8;
    --center-bg: transparent;
    --board-lines: #f0f0f5;
    --bg: #f5f5f7;
    --text-main: #1d1d1f;
    --text-secondary: #86868b;
    --apple-blue: #007aff;
    --card-bg: rgba(255,255,255,.85);
    --move-dur: .35s;
    --timer-bg: rgba(0,0,0,0.08);
}

/* --- Dark Mode Ana Renkler --- */
    --bg: #1c1c1e;
    --text-main: #f5f5f7;
    --text-secondary: #a1a1a6;
    --card-bg: rgba(28,28,30,.85);
    --center-bg: #2c2c2e;
    --board-bg: #2c2c2e;
    --board-lines: #38383a;
    --timer-bg: rgba(255,255,255,0.1);
}

/* --- Özel Temalar --- */
body.theme-pastel { --red:#ffb3ba; --light-red:#ffe5e8; --blue:#bae1ff; --light-blue:#e8f4ff; --green:#b5ead7; --light-green:#eaf7f1; --yellow:#ffffba; --light-yellow:#fffff0; --board-bg:#fff; --board-lines:#f0f0f5; }
body.theme-neon { --red:#ff0055; --light-red:#4a0018; --blue:#00f2fe; --light-blue:#00474a; --green:#39ff14; --light-green:#0d3a03; --yellow:#fff000; --light-yellow:#4a4600; --board-bg:#121212; --board-lines:#333; }
body.theme-wood { --red:#b75d32; --light-red:#e6cbbd; --blue:#4682b4; --light-blue:#cddce7; --green:#6b8e23; --light-green:#d3dec1; --yellow:#daa520; --light-yellow:#f4ead5; --board-bg:#faebd7; --board-lines:#d2b48c; }
body.theme-ocean { --red:#ff7f50; --light-red:#ffd9cc; --blue:#00ced1; --light-blue:#ccf5f6; --green:#20b2aa; --light-green:#d2f0ef; --yellow:#f4a460; --light-yellow:#fcf0d3; --board-bg:#e0f7fa; --board-lines:#b2ebf2; }
body.theme-dark { --red:#cc3333; --light-red:#4a2020; --blue:#3388cc; --light-blue:#203a4a; --green:#449944; --light-green:#254025; --yellow:#cca533; --light-yellow:#4a4020; --board-bg:#2c2c2e; --board-lines:#38383a; }
body.theme-cyber { --red:#ff003c; --light-red:#4a0011; --blue:#00f0ff; --light-blue:#00454a; --green:#a100ff; --light-green:#2e004a; --yellow:#fce803; --light-yellow:#4a4400; --board-bg:#0d0221; --board-lines:#261447; }
body.theme-nature { --red:#e07a5f; --light-red:#f4dcd6; --blue:#3d5a80; --light-blue:#c5d1df; --green:#81b29a; --light-green:#dceae3; --yellow:#f2cc8f; --light-yellow:#faebd7; --board-bg:#f4f1de; --board-lines:#eab69f; }
body.theme-candy { --red:#ff6b6b; --light-red:#ffdada; --blue:#48dbfb; --light-blue:#d0f5fe; --green:#1dd1a1; --light-green:#c6f4e6; --yellow:#feca57; --light-yellow:#fff0d4; --board-bg:#fff; --board-lines:#ff9ff3; }
body.theme-antika { --red:#bd5b4c; --light-red:#e08477; --blue:#63727d; --light-blue:#98a7b3; --green:#776c5b; --light-green:#a49988; --yellow:#cba063; --light-yellow:#efcc97; --board-bg:#eaddcc; --board-lines:#523a28; }
body.theme-lumina { --red:#f05c4b; --light-red:#ffa69c; --blue:#418f9d; --light-blue:#85c2cd; --green:#5ebea2; --light-green:#96e6cf; --yellow:#fab03c; --light-yellow:#ffe099; --board-bg:#f4f4f4; --board-lines:#e2e2e2; }

/* --- Dark Mode Bileşen / Layout Override'ları --- */
body.dark-theme #stats-menu { background:rgba(28,28,30,.85); border-color:rgba(255,255,255,.1); box-shadow:0 15px 40px rgba(0,0,0,.5); }
body.dark-theme .menu-btn { background:rgba(44,44,46,.7); border-color:#38383a; color:#f5f5f7; }
body.dark-theme .glass-dock { background:rgba(44,44,46,.85); border-color:#38383a; }
body.dark-theme .menu-icon-btn { background:#2c2c2e; border-color:#38383a; }
body.dark-theme .player-avatar { background:#1c1c1e; }
body.dark-theme .action-btn { background:rgba(44,44,46,.5); border-color:#38383a; }
body.dark-theme .id-badge { background:#2c2c2e; border-color:#38383a; }
body.dark-theme input[type="text"], body.dark-theme select { background:#1c1c1e!important; color:#f5f5f7!important; border-color:#38383a!important; }
body.dark-theme .preview-container { background:#1c1c1e!important; border-color:#38383a!important; }
body.dark-theme .icon-grid-btn { background:#2c2c2e; border-color:#38383a; }
body.dark-theme .icon-grid-btn.selected { background:#38383a; }
body.dark-theme .icon-grid-btn.disabled { background:#1c1c1e; }
body.dark-theme .toggle-switch { background:#38383a; }
body.dark-theme .toggle-switch:checked { background:var(--apple-blue); }
body.dark-theme .card, body.dark-theme #settings-menu, body.dark-theme #store-menu, body.dark-theme #history-menu, body.dark-theme #about-menu, body.dark-theme #profile-menu, body.dark-theme #notification-menu, body.dark-theme #quest-menu { background:rgba(28,28,30,.75); border-color:rgba(255,255,255,.1); }
body.dark-theme .modern-section, body.dark-theme .setup-card { background:rgba(44,44,46,.6); border-color:rgba(255,255,255,.1); }
body.dark-theme .modal-header { background:rgba(44,44,46,.65); border:1px solid rgba(255,255,255,.1); box-shadow:0 12px 35px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.05); }
body.dark-theme .k-btn { background:rgba(44,44,46,.5); border-color:rgba(255,255,255,.2); color:#f5f5f7; }
body.dark-theme .notification-badge { border-color:#2c2c2e; }
body.dark-theme .custom-modal-box { background:rgba(44,44,46,.85); border-color:rgba(255,255,255,.1); }
body.dark-theme .custom-modal-btn.cancel { background:rgba(255,255,255,.1); color:#fff; }
body.dark-theme .history-modern-card { background:rgba(44,44,46,.6); border-color:rgba(255,255,255,.1); }
body.dark-theme .history-m-header { border-color:rgba(255,255,255,.08); }
body.dark-theme .history-m-avatar { background:#2c2c2e; box-shadow:0 4px 10px rgba(0,0,0,.3); }
body.dark-theme .history-m-mode { background:rgba(255,255,255,.1); color:#fff; }
body.dark-theme .history-m-stats { background:rgba(0,0,0,.2); }
body.dark-theme .history-stat-row { background:rgba(44,44,46,.8); border-color:rgba(255,255,255,.05); }
body.dark-theme .player-banner { background:rgba(28,28,30,.85); border-color:rgba(255,255,255,.1); }
body.dark-theme .quest-card { border-color: rgba(255,255,255,0.05); }
body.dark-theme .quest-tabs { border-color: rgba(255,255,255,0.1); }
body.dark-theme .modern-accordion { background: rgba(255,255,255,0.02); border-color: rgba(255,255,255,0.05); }
body.dark-theme .modern-accordion.active { background: rgba(0,0,0,0.2); }
body.dark-theme #shared-dice-preview { background: rgba(28,28,30,0.85) !important; border-bottom: 1px solid rgba(255,255,255,0.05) !important; }
body.dark-theme #leaderboard-menu { background:rgba(28,28,30,.75); border-color:rgba(255,255,255,.1); }
body.dark-theme .glass-dock.online-active { background: linear-gradient(135deg, rgba(44,44,46,0.9), rgba(20, 60, 30, 0.8)) !important; border-color: rgba(37, 201, 98, 0.5) !important; box-shadow: 0 10px 30px rgba(37, 201, 98, 0.15) !important; }
body.dark-theme .chat-balloon-panel { background: rgba(28,28,30,0.95); border-color: rgba(255,255,255,0.1); box-shadow: 0 15px 40px rgba(0,0,0,0.5); }
body.dark-theme .inline-chat-btn { background: rgba(44, 44, 46, 0.6); border-color: rgba(255, 255, 255, 0.05); color: var(--text-main); }
body.dark-theme .inline-chat-btn:hover { background: rgba(60, 60, 62, 0.9); border-color: var(--apple-blue);