/* Valeurs de départ neutres. Les variables non layerées du Kit v4 prennent le relais. */
@layer theme-defaults {
    :root {
        --site-color-text: #222;
        --site-color-surface: #fff;
        --site-font-family-body: system-ui, sans-serif;
        --site-space-sm: 0.5rem;
        --site-space-md: 1rem;
        --site-space-lg: 2rem;
        --site-size-content: 75rem;
    }
}


body {
    margin: 0;
    color: var(--site-color-text);
    background: var(--site-color-surface);
    font-family: var(--site-font-family-body);
}

.site-container {
    box-sizing: border-box;
    width: min(100%, var(--site-size-content));
    margin-inline: auto;
    padding: var(--site-space-md);
}

.screen-reader-text {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0;
}

.skip-link:focus {
    clip-path: none;
    width: auto;
    height: auto;
    margin: 0;
    padding: var(--site-space-md);
    background: var(--site-color-surface);
    z-index: 100000;
}