/* Réglages de base — appliqués dès que styles.css est lié. */
*,*::before,*::after{box-sizing:border-box}
body{margin:0;font:var(--type-body);color:var(--text-body);background:var(--surface-page);-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,p{margin:0}
h1{font:var(--type-title-1);letter-spacing:var(--letter-spacing-title);color:var(--text-strong)}
h2{font:var(--type-title-2);letter-spacing:var(--letter-spacing-title);color:var(--text-strong)}
h3{font:var(--type-title-3);color:var(--text-strong)}
a{color:var(--text-brand);text-decoration:none;font-weight:var(--font-weight-semibold)}
a:hover{color:var(--color-brand-800);text-decoration:underline}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}
table{border-collapse:collapse;font-feature-settings:var(--font-feature-tabular)}
.tnum,.ce-num{font-feature-settings:var(--font-feature-tabular)}
@keyframes ce-spin{to{transform:rotate(360deg)}}
::selection{background:var(--color-brand-100);color:var(--color-brand-900)}