/**
 * Design tokens / variables (U8) — thème et accessibilité
 * Inclus en premier pour surcharge par style.css / thèmes
 */
:root {
    --color-primary: #e74c3c;
    --color-primary-hover: #c0392b;
    --color-focus-ring: #e74c3c;
    --focus-ring-width: 2px;
    --focus-ring-offset: 2px;
    --radius-sm: 0.25rem;
    --radius-md: 0.375rem;
}

/* U6: Contraste et focus clavier visible */
:focus {
    outline: none;
}
:focus-visible {
    outline: var(--focus-ring-width) solid var(--color-focus-ring);
    outline-offset: var(--focus-ring-offset);
}
button:focus-visible,
a:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
    outline: var(--focus-ring-width) solid var(--color-focus-ring);
    outline-offset: var(--focus-ring-offset);
}