:root {
    --bg-color: #ffffff;
    --text-color: #000000;
    --input-bg: #ffffff;
    --border-color: #333333;
    --focus-color: #0000ff;
    --font-family: Verdana, sans-serif;
    --font-size: 1.2rem;
    --line-height: 1.6;
    /* Per-theme colour pairs that meet WCAG AA (exams/views/utils.py THEME_TOKENS). Defaults are the light theme. */
    --on-focus: #ffffff;
    --btn-bg: #333333;
    --btn-text: #ffffff;
    --info-bg: #117a8b;
    --info-text: #ffffff;
    --success-bg: #1e7e34;
    --success-text: #ffffff;
    --danger-bg: #a30000;
    --danger-text: #ffffff;
    --warning-bg: #8a4b08;
    --warning-text: #ffffff;
    --success-fg: #006400;
    --danger-fg: #a30000;
    --info-fg: #0c5460;
    --muted-fg: #595959;
    --link-fg: #0056b3;
}

/* --- High Visibility Focus Toggle --- */

*:focus {
    outline: 2px solid var(--focus-color);
    outline-offset: 2px;
}
/* The exam page's own ring (audit A11Y-16); with High-Visibility Focus on, the thicker ring above applies instead. */
.exam-wrapper *:focus-visible {
    outline: 3px solid var(--focus-color, #0056b3) !important;
    outline-offset: 2px !important;
}