/* Tema bağımsızlığı: tüm kurallar yalnızca eklenti kapsayıcısında uygulanır. */
.srg-wrap {
  --srg-primary: #2563eb;
  --srg-accent: var(--srg-primary);
  --srg-surface: #ffffff;
  --srg-text: #172033;
  --srg-muted: #5f6b7a;
  --srg-border: color-mix(in srgb, var(--srg-text) 16%, transparent);
  --srg-on-primary: #ffffff;
  --srg-category-heading-color: var(--srg-text);
  color: var(--srg-text);
}
.srg-wrap :is(.srg-btn, button.srg-btn, .srg-start-button, .srg-mode-action, .srg-submit, .srg-pagination button) { background: var(--srg-primary); border-color: var(--srg-primary); color: var(--srg-on-primary); }
.srg-wrap :is(.srg-btn:hover, button.srg-btn:hover, .srg-start-button:hover, .srg-mode-action:hover, .srg-submit:hover, .srg-pagination button:hover) { background: var(--srg-accent); border-color: var(--srg-accent); filter: brightness(.94); color: var(--srg-on-primary); }
.srg-wrap :is(.srg-card, .srg-panel, .srg-category-card, .srg-test-card, .srg-question-card, .srg-result-card, .srg-account-card, .srg-registration-card, .srg-category-summary-line) { background-color: var(--srg-surface); border-color: var(--srg-border); color: var(--srg-text); }
.srg-wrap :is(input, select, textarea) { background: var(--srg-surface); border-color: var(--srg-border); color: var(--srg-text); }
.srg-wrap :is(input, select, textarea):focus { border-color: var(--srg-primary); box-shadow: 0 0 0 3px color-mix(in srgb, var(--srg-primary) 22%, transparent); outline: 0; }
.srg-wrap a:not(.srg-btn):not(.srg-mode-action) { color: var(--srg-primary); }
.srg-wrap .srg-category-heading { color: var(--srg-category-heading-color); }
.srg-wrap .srg-selected-category-header h2, .srg-wrap .srg-category-entry-content h3 { color: var(--srg-category-heading-color); }
.srg-wrap .srg-test-title, .srg-wrap h1, .srg-wrap h2, .srg-wrap h3 { color: var(--srg-text); }
.srg-high-contrast .srg-wrap { --srg-border: color-mix(in srgb, var(--srg-text) 48%, transparent); --srg-muted: var(--srg-text); }
.srg-high-contrast .srg-wrap :is(.srg-card, .srg-panel, .srg-category-card, .srg-test-card, .srg-question-card, .srg-result-card, .srg-account-card, .srg-registration-card) { border-width: 2px; }
@media (prefers-contrast: more) { .srg-wrap { --srg-border: color-mix(in srgb, var(--srg-text) 48%, transparent); } }
