/* Tutor911 shared design foundation. Keep page-specific layout in feature CSS. */
:root {
    --t911-breakpoint-responsive: 1024px;
    --t911-wine: #45001f;
    --t911-wine-dark: #390018;
    --t911-wine-panel: #59062d;
    --t911-burgundy: #8d003d;
    --t911-pink: #ef164f;
    --t911-pink-hover: #d90f44;
    --t911-pink-soft: #fde8ee;
    --t911-red: #ef2348;
    --t911-blue: #173f98;
    --t911-ink: #19131a;
    --t911-heading: #17203b;
    --t911-muted: #766570;
    --t911-surface: #ffffff;
    --t911-page: #f8f2f5;
    --t911-border: #ead9df;
    --t911-border-strong: #dec7d0;
    --t911-success: #087342;
    --t911-warning: #b06b00;
    --t911-danger: #a02237;
    --t911-font: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
    --t911-radius-sm: 8px;
    --t911-radius-md: 12px;
    --t911-radius-lg: 18px;
    --t911-space-1: 4px;
    --t911-space-2: 8px;
    --t911-space-3: 12px;
    --t911-space-4: 16px;
    --t911-space-5: 20px;
    --t911-space-6: 24px;
    --t911-shadow-card: 0 10px 28px rgba(68, 0, 31, .07);
    --t911-focus-ring: 0 0 0 3px rgba(239, 22, 79, .14);
}

/* One light application canvas, matching the approved English Grammar page. */
body[class*="tutor911-"] {
    background-color: var(--t911-page) !important;
}

:where(.t911-unified-app, .t911-unified-study, .t911-language-app, .t911-test-app, .et-app, .t911-race, .t911-admin-app) {
    background-color: var(--t911-page);
}

:where(.t911-unified-app, .t911-unified-study, .t911-language-app, .t911-test-app, .et-app, .t911-race, .t911-admin-app) {
    font-family: var(--t911-font);
}

:where(.t911-unified-app, .t911-unified-study, .t911-language-app, .t911-test-app, .et-app, .t911-race, .t911-admin-app),
:where(.t911-unified-app, .t911-unified-study, .t911-language-app, .t911-test-app, .et-app, .t911-race, .t911-admin-app) *,
:where(.t911-unified-app, .t911-unified-study, .t911-language-app, .t911-test-app, .et-app, .t911-race, .t911-admin-app) *::before,
:where(.t911-unified-app, .t911-unified-study, .t911-language-app, .t911-test-app, .et-app, .t911-race, .t911-admin-app) *::after {
    box-sizing: border-box;
}

:where(.t911-unified-app, .t911-unified-study, .t911-language-app, .t911-test-app, .et-app, .t911-race, .t911-admin-app) :is(button, a, input, select, textarea):focus-visible {
    outline: 2px solid var(--t911-pink);
    outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
    :where(.t911-unified-app, .t911-unified-study, .t911-language-app, .t911-test-app, .et-app, .t911-race, .t911-admin-app) *,
    :where(.t911-unified-app, .t911-unified-study, .t911-language-app, .t911-test-app, .et-app, .t911-race, .t911-admin-app) *::before,
    :where(.t911-unified-app, .t911-unified-study, .t911-language-app, .t911-test-app, .et-app, .t911-race, .t911-admin-app) *::after {
        scroll-behavior: auto !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
    }
}