/* Tema — Cursor/IDE tarzı koyu mod */
:root {
  color-scheme: light;
  --theme-bg-page: #ffffff;
  --theme-bg-subtle: #f8fafc;
  --theme-bg-muted: #f1f5f9;
  --theme-bg-elevated: #ffffff;
  --theme-bg-input: #ffffff;
  --theme-text: #1a2332;
  --theme-text-heading: #0f172a;
  --theme-text-secondary: #475569;
  --theme-text-muted: #64748b;
  --theme-border: #e2e8f0;
  --theme-border-strong: #cbd5e1;
  --theme-link: #2563eb;
  --theme-accent: #0d9488;
  --theme-accent-soft: #f0fdfa;
  --theme-shadow: rgba(15, 23, 42, 0.08);
  --theme-header-bg: transparent;
  --theme-warning-bg: #fffbeb;
  --theme-warning-text: #92400e;
  --theme-warning-border: #fcd34d;
  --theme-danger-bg: #fef2f2;
  --theme-danger-bg-hover: #fee2e2;
  --theme-danger-text: #b91c1c;
  --theme-danger-border: #fca5a5;
  --theme-active-bg: #eff6ff;
  --theme-active-accent: #3b82f6;
  --theme-sidebar-bg: #f8fafc;
  --theme-sidebar-header-bg: #f8fafc;
}

html[data-theme="dark"] {
  color-scheme: dark;
  --theme-bg-page: #1e1e1e;
  --theme-bg-subtle: #252526;
  --theme-bg-muted: #2d2d30;
  --theme-bg-elevated: #252526;
  --theme-bg-input: #3c3c3c;
  --theme-text: #cccccc;
  --theme-text-heading: #e8e8e8;
  --theme-text-secondary: #a0a0a0;
  --theme-text-muted: #858585;
  --theme-border: #3e3e42;
  --theme-border-strong: #4e4e52;
  --theme-link: #569cd6;
  --theme-accent: #4ec9b0;
  --theme-accent-soft: #2a3d38;
  --theme-shadow: rgba(0, 0, 0, 0.35);
  --theme-header-bg: transparent;
  --theme-warning-bg: #3d2e14;
  --theme-warning-text: #fde68a;
  --theme-warning-border: #d97706;
  --theme-danger-bg: #3d1f1f;
  --theme-danger-bg-hover: #4a2525;
  --theme-danger-text: #f48771;
  --theme-danger-border: #b91c1c;
  --theme-active-bg: #2a3d4f;
  --theme-active-accent: #569cd6;
  --theme-sidebar-bg: #333333;
  --theme-sidebar-header-bg: #3c3c3c;
}

body.app-page,
body.home-page {
  background: var(--theme-bg-page);
  color: var(--theme-text);
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

html:not([data-theme="dark"]) body.home-page {
  background: linear-gradient(145deg, #f0f4f8 0%, #e8eef5 40%, #dfe8f2 100%);
}

html[data-theme="dark"] body.home-page {
  background: linear-gradient(160deg, #1e1e1e 0%, #252526 45%, #2d2d30 100%);
}

html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] h3 {
  color: var(--theme-text-heading);
}

html[data-theme="dark"] .back-link,
html[data-theme="dark"] .site-auth a,
html[data-theme="dark"] .site-auth .site-mailbox-link,
html[data-theme="dark"] .site-header .site-logo {
  color: var(--theme-link);
}

html[data-theme="dark"] .site-auth .user-nick,
html[data-theme="dark"] .site-auth .user-rank,
html[data-theme="dark"] .cert-exam-intro,
html[data-theme="dark"] .cert-hub-topics {
  border-color: var(--theme-border);
  background: var(--theme-surface-2, #1e293b);
}
html[data-theme="dark"] .cert-quiz-meta {
  color: var(--theme-text-muted);
}
html[data-theme="dark"] .cert-quiz-meta .cert-tag {
  background: transparent;
  color: var(--theme-text-muted);
  border-color: rgba(148, 163, 184, 0.35);
  box-shadow: none;
}
html[data-theme="dark"] .cert-quiz-meta .cert-tag--link:hover,
html[data-theme="dark"] .cert-quiz-meta .cert-tag--link.is-active {
  background: transparent;
  box-shadow: none;
  color: var(--theme-link);
}
html[data-theme="dark"] .hint,
html[data-theme="dark"] .quiz-desc,
html[data-theme="dark"] .exam-section-label {
  color: var(--theme-text-muted);
}

html[data-theme="dark"] .site-auth .user-pts {
  color: var(--theme-link);
}

html[data-theme="dark"] .lang-flag-svg {
  box-shadow: 0 0 0 1px rgba(148, 163, 184, 0.35);
}

html[data-theme="dark"] .lang-flag {
  background: var(--theme-bg-muted);
  border-color: transparent;
}

html[data-theme="dark"] .lang-flag.active {
  border-color: var(--theme-link);
  background: var(--theme-bg-elevated);
  box-shadow: 0 0 0 2px rgba(86, 156, 214, 0.25);
}

html[data-theme="dark"] .cert-quiz-option,
html[data-theme="dark"] .cert-hub-card,
html[data-theme="dark"] .exam-card,
html[data-theme="dark"] .cert-question-submit-panel,
html[data-theme="dark"] .quiz-comments-panel,
html[data-theme="dark"] .cert-table-wrap,
html[data-theme="dark"] .admin-content,
html[data-theme="dark"] .feedback-modal-panel,
html[data-theme="dark"] .question-suggest-panel,
html[data-theme="dark"] .cert-question-edit-panel {
  background: var(--theme-bg-elevated);
  border-color: var(--theme-border);
  color: var(--theme-text);
}

html[data-theme="dark"] .cert-quiz-option:hover,
html[data-theme="dark"] .cert-hub-card:hover {
  background: var(--theme-bg-muted);
  border-color: var(--theme-accent);
}

html[data-theme="dark"] .cert-quiz-stem,
html[data-theme="dark"] .cert-quiz-option-text,
html[data-theme="dark"] .home-question {
  color: var(--theme-text-heading);
}

html[data-theme="dark"] .cert-quiz-explain,
html[data-theme="dark"] .cert-question-submit-panel {
  background: var(--theme-bg-muted);
}

html[data-theme="dark"] input[type="text"],
html[data-theme="dark"] input[type="email"],
html[data-theme="dark"] input[type="password"],
html[data-theme="dark"] input[type="url"],
html[data-theme="dark"] textarea,
html[data-theme="dark"] select {
  background: var(--theme-bg-input);
  border-color: var(--theme-border-strong);
  color: var(--theme-text);
}

html[data-theme="dark"] .cert-progress-btn,
html[data-theme="dark"] .cert-cat-pill,
html[data-theme="dark"] .theme-toggle {
  background: var(--theme-bg-muted);
  border-color: var(--theme-border-strong);
  color: var(--theme-text-secondary);
}

html[data-theme="dark"] .cert-progress-btn.is-active,
html[data-theme="dark"] .cert-cat-pill.is-active {
  background: var(--theme-accent-soft);
  border-color: var(--theme-accent);
  color: var(--theme-accent);
}

html[data-theme="dark"] .btn-cert-check,
html[data-theme="dark"] .btn-feedback-send {
  background: #3a8f7c;
}

html[data-theme="dark"] .btn-cert-check:hover {
  background: #4ec9b0;
}

html[data-theme="dark"] table,
html[data-theme="dark"] .cert-modules-table th,
html[data-theme="dark"] .cert-modules-table td {
  border-color: var(--theme-border);
}

html[data-theme="dark"] .cert-modules-table th {
  background: var(--theme-bg-muted);
  color: var(--theme-text-secondary);
}

html[data-theme="dark"] .quiz-comment,
html[data-theme="dark"] .quiz-comments-form textarea,
html[data-theme="dark"] .quiz-comments-form input {
  background: var(--theme-bg-muted);
  border-color: var(--theme-border);
  color: var(--theme-text);
}

html[data-theme="dark"] .feedback.ok {
  background: #1a3d32;
  color: #9cdcfe;
}

html[data-theme="dark"] .feedback.err {
  background: #3d1f1f;
  color: #f48771;
}

html[data-theme="dark"] .site-legal-footer,
html[data-theme="dark"] .legal-footer,
html[data-theme="dark"] .site-feedback-bar,
html[data-theme="dark"] .cookie-consent-bar {
  background: var(--theme-bg-subtle);
  border-color: var(--theme-border);
  color: var(--theme-text-muted);
}

html[data-theme="dark"] .site-legal-nav a,
html[data-theme="dark"] .site-legal-cookie-settings,
html[data-theme="dark"] .feedback-open-link {
  color: var(--theme-link);
}

html[data-theme="dark"] .exam-card,
html[data-theme="dark"] .exam-card-cert,
html[data-theme="dark"] .quiz-list li,
html[data-theme="dark"] .cert-question-item a,
html[data-theme="dark"] .settings-panel,
html[data-theme="dark"] .admin-sidebar {
  background: var(--theme-bg-elevated);
  border-color: var(--theme-border);
  color: var(--theme-text);
}

html[data-theme="dark"] .admin-nav-item {
  color: var(--theme-text-secondary);
}

html[data-theme="dark"] .admin-nav-item:hover {
  background: var(--theme-bg-muted);
  color: var(--theme-text);
}

html[data-theme="dark"] .admin-nav-item.active {
  background: var(--theme-active-bg);
  border-color: var(--theme-border-strong);
  color: var(--theme-text-heading);
}

html[data-theme="dark"] .admin-nav-item--unread {
  animation-name: admin-mailbox-nav-blink;
}

html[data-theme="dark"] .admin-main,
html[data-theme="dark"] .admin-page-head h1,
html[data-theme="dark"] .admin-section-title,
html[data-theme="dark"] .admin-section-meta {
  color: var(--theme-text);
}

html[data-theme="dark"] .admin-section-meta,
html[data-theme="dark"] .admin-backup-desc {
  color: var(--theme-text-muted);
}

html[data-theme="dark"] .admin-filters a {
  color: var(--theme-text-secondary);
  border-color: var(--theme-border);
}

html[data-theme="dark"] .admin-filters a.active {
  background: var(--theme-active-bg);
  color: var(--theme-text-heading);
}

html[data-theme="dark"] table.admin-feedback,
html[data-theme="dark"] table.admin-users,
html[data-theme="dark"] table.admin-table {
  color: var(--theme-text);
}

html[data-theme="dark"] table.admin-feedback th,
html[data-theme="dark"] table.admin-users th,
html[data-theme="dark"] table.admin-table th {
  background: var(--theme-bg-muted);
  color: var(--theme-text-heading);
  border-color: var(--theme-border);
}

html[data-theme="dark"] table.admin-feedback td,
html[data-theme="dark"] table.admin-users td,
html[data-theme="dark"] table.admin-table td {
  border-color: var(--theme-border);
}

html[data-theme="dark"] .admin-backup-section {
  background: var(--theme-bg-elevated);
  border-color: var(--theme-border);
}

html[data-theme="dark"] .admin-user-modal-panel {
  background: var(--theme-bg-elevated);
  color: var(--theme-text);
}

html[data-theme="dark"] .admin-add-user-form input,
html[data-theme="dark"] .admin-add-user-form select,
html[data-theme="dark"] .admin-mailbox-compose textarea {
  background: var(--theme-bg-input);
  border-color: var(--theme-border);
  color: var(--theme-text);
}

html[data-theme="dark"] .settings-menu,
html[data-theme="dark"] .settings-menu-link,
html[data-theme="dark"] .settings-focus-item,
html[data-theme="dark"] .settings-quiz-item,
html[data-theme="dark"] .settings-cert-resume-item,
html[data-theme="dark"] .settings-cert-stats-row,
html[data-theme="dark"] .settings-overview,
html[data-theme="dark"] .settings-modal-dialog {
  background: var(--theme-bg-elevated);
  border-color: var(--theme-border);
  color: var(--theme-text);
}

html[data-theme="dark"] .settings-menu-link:hover,
html[data-theme="dark"] .settings-cert-stats-row:hover {
  background: var(--theme-bg-muted);
}

html[data-theme="dark"] .settings-menu-link.is-active {
  background: var(--theme-active-bg);
  box-shadow: inset 3px 0 0 var(--theme-active-accent);
}

html[data-theme="dark"] .settings-menu-title,
html[data-theme="dark"] .settings-focus-title,
html[data-theme="dark"] .settings-quiz-title,
html[data-theme="dark"] .settings-study-title,
html[data-theme="dark"] .settings-cert-resume-exam,
html[data-theme="dark"] .settings-cert-stats-exam-title,
html[data-theme="dark"] .settings-cert-stats-q-title,
html[data-theme="dark"] .settings-fieldset legend,
html[data-theme="dark"] .settings-profile-toggle,
html[data-theme="dark"] .settings-cert-resume-toggle {
  color: var(--theme-text-heading);
}

html[data-theme="dark"] .settings-menu-meta,
html[data-theme="dark"] .settings-focus-desc,
html[data-theme="dark"] .settings-quiz-desc,
html[data-theme="dark"] .settings-hint,
html[data-theme="dark"] .settings-overview,
html[data-theme="dark"] .settings-study-desc,
html[data-theme="dark"] .settings-cert-resume-status,
html[data-theme="dark"] .settings-group-title,
html[data-theme="dark"] .settings-save-row .settings-count,
html[data-theme="dark"] .settings-study-empty,
html[data-theme="dark"] .settings-profile-nick {
  color: var(--theme-text-muted);
}

html[data-theme="dark"] .settings-hint-note {
  color: var(--theme-warning-text);
  background: var(--theme-warning-bg);
  border-color: var(--theme-warning-border);
}

html[data-theme="dark"] .settings-study-open,
html[data-theme="dark"] .settings-cert-resume-open {
  color: var(--theme-link);
}

html[data-theme="dark"] .btn-settings-reset,
html[data-theme="dark"] .btn-settings-delete {
  background: var(--theme-danger-bg);
  border-color: var(--theme-danger-border);
  color: var(--theme-danger-text);
}

html[data-theme="dark"] .btn-settings-reset:hover,
html[data-theme="dark"] .btn-settings-delete:hover {
  background: var(--theme-danger-bg-hover);
}

html[data-theme="dark"] .exam-card:hover,
html[data-theme="dark"] .cert-question-item a:hover {
  border-color: var(--theme-link);
}

html[data-theme="dark"] .cert-quiz-option-cmd {
  color: #9cdcfe;
}

html[data-theme="dark"] .cert-quiz-exhibit {
  background: var(--theme-bg-muted);
  border-color: var(--theme-border);
}

html[data-theme="dark"] .cert-quiz-exhibit img {
  opacity: 0.95;
}

html[data-theme="dark"] .cert-progress-outdated.is-active,
html[data-theme="dark"] .cert-progress-outdated:hover {
  border-color: #d97706;
  background: #3d2e14;
  color: #fbbf24;
}

html[data-theme="dark"] .cert-progress-outdated-count {
  background: #92400e;
  color: #fde68a;
}

html[data-theme="dark"] .cert-progress-outdated.is-active .cert-progress-outdated-count {
  background: #b45309;
}

html[data-theme="dark"] .cert-outdated-summary {
  color: #fbbf24;
}

html[data-theme="dark"] .quiz-nav .prev-quiz-link,
html[data-theme="dark"] .quiz-nav .next-quiz-link {
  color: var(--theme-link);
}

html[data-theme="dark"] .quiz-comments-toggle {
  color: var(--theme-text-muted);
}

html[data-theme="dark"] .quiz-comments-toggle:hover,
html[data-theme="dark"] .quiz-comments.is-open .quiz-comments-toggle {
  background: var(--theme-bg-muted);
  color: var(--theme-text);
}

html[data-theme="dark"] .quiz-vote-pill {
  background: var(--theme-bg-muted);
  color: var(--theme-text-muted);
}

html[data-theme="dark"] .quiz-comments-empty {
  color: var(--theme-text-muted);
}

html[data-theme="dark"] h1 {
  color: var(--theme-text-heading);
}

/* Theme toggle */
.site-header-locale {
  display: flex;
  align-items: center;
  gap: 1.15rem;
}

.theme-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.35rem;
  height: 2.35rem;
  padding: 0;
  border: 1px solid var(--theme-border-strong, #cbd5e1);
  border-radius: 8px;
  background: var(--theme-bg-elevated, #fff);
  color: var(--theme-text-secondary, #475569);
  cursor: pointer;
  transition: border-color 0.15s, background 0.15s, color 0.15s, box-shadow 0.15s;
  flex-shrink: 0;
}

.theme-toggle:hover {
  border-color: var(--theme-link, #2563eb);
  color: var(--theme-link, #2563eb);
  box-shadow: 0 2px 8px var(--theme-shadow, rgba(15, 23, 42, 0.08));
}

.theme-toggle svg {
  width: 1.15rem;
  height: 1.15rem;
  display: block;
}

.theme-toggle-icon {
  display: none;
}

html:not([data-theme="dark"]) .theme-toggle-icon--moon {
  display: block;
}

html[data-theme="dark"] .theme-toggle-icon--sun {
  display: block;
}

html[data-theme="dark"] .question-suggest-open:hover {
  border-color: var(--theme-link);
  box-shadow: 0 12px 36px rgba(86, 156, 214, 0.18);
}

html[data-theme="dark"] .question-suggest-open:hover .question-suggest-open-chevron {
  color: var(--theme-link);
}

html[data-theme="dark"] .question-suggest-header {
  border-bottom-color: var(--theme-border);
}

html[data-theme="dark"] .question-suggest-header h2 {
  color: var(--theme-text-heading);
}

html[data-theme="dark"] .question-suggest-header-icon {
  background: var(--theme-active-bg);
  color: var(--theme-link);
}

html[data-theme="dark"] .question-suggest-close {
  background: var(--theme-bg-muted);
  color: var(--theme-text-muted);
}

html[data-theme="dark"] .question-suggest-close:hover {
  background: var(--theme-border);
  color: var(--theme-text-heading);
}

html[data-theme="dark"] .question-suggest-callout {
  background: var(--theme-bg-muted);
  border-color: var(--theme-border);
}

html[data-theme="dark"] .question-suggest-callout p {
  color: var(--theme-text-secondary);
}

html[data-theme="dark"] .question-suggest-field label {
  color: var(--theme-text-secondary);
}

html[data-theme="dark"] .question-suggest-paste {
  border-color: var(--theme-border-strong);
  background: var(--theme-bg-muted);
}

html[data-theme="dark"] .question-suggest-paste:hover,
html[data-theme="dark"] .question-suggest-paste:focus {
  border-color: var(--theme-link);
  background: var(--theme-active-bg);
}

html[data-theme="dark"] .question-suggest-paste.has-image {
  border-color: var(--theme-border);
  background: var(--theme-bg-elevated);
}

html[data-theme="dark"] .question-suggest-paste-title {
  color: var(--theme-text-secondary);
}

html[data-theme="dark"] .question-suggest-paste-hint {
  color: var(--theme-text-muted);
}

html[data-theme="dark"] .question-suggest-paste-icon {
  background: var(--theme-active-bg);
  border-color: var(--theme-border);
  color: var(--theme-link);
}

html[data-theme="dark"] .question-suggest-clear {
  background: var(--theme-bg-muted);
  border-color: var(--theme-border);
  color: var(--theme-text-muted);
}

html[data-theme="dark"] .question-suggest-clear:hover {
  background: var(--theme-danger-bg);
  border-color: var(--theme-danger-border);
  color: var(--theme-danger-text);
}

html[data-theme="dark"] .question-suggest-footer {
  border-top-color: var(--theme-border);
}

html[data-theme="dark"] .question-suggest-footnote {
  color: var(--theme-text-muted);
}

html[data-theme="dark"] .ad-slot-label {
  color: var(--theme-text-muted);
}