:root {
    font-family: var(--font-family-sans);
    color-scheme: light;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

body {
    margin: var(--space-0);
    background: var(--color-background);
    color: var(--color-text);
    font-size: var(--font-size-md);
    line-height: var(--line-height-normal);
}

input:focus-visible,
select:focus-visible,
textarea:focus-visible {
    outline: var(--focus-ring-width) solid var(--focus-ring-color);
    outline-offset: var(--focus-ring-offset);
}

.page-layout h1,
.page-layout h2,
.page-layout h3 {
    font-family: var(--font-family-serif);
    font-weight: var(--font-weight-regular);
    letter-spacing: -0.015em;
}

.socle-test {
    min-height: 100vh;
    display: grid;
    place-items: center;
    padding: var(--space-8);
}

.socle-test__card {
    width: min(100%, var(--width-content-sm));
    padding: var(--space-8);
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-sm);
}

.socle-test__eyebrow {
    margin-top: var(--space-0);
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-semibold);
    letter-spacing: var(--letter-spacing-wider);
    text-transform: uppercase;
}

.socle-test h1 {
    margin-bottom: var(--space-4);
    font-size: var(--font-size-3xl);
    line-height: var(--line-height-tight);
}

.socle-test__status {
    margin-top: var(--space-8);
}

.socle-test__status div {
    display: flex;
    justify-content: space-between;
    gap: var(--space-8);
    padding: var(--space-3) var(--space-0);
    border-top: 1px solid var(--color-border);
}

.socle-test__status dt {
    font-weight: var(--font-weight-bold);
}

.socle-test__status dd {
    margin: var(--space-0);
}

@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        scroll-behavior: auto !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}