*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;
  font-family:var(--font);
  background:var(--bg);
  color:var(--text);
  font-size:13.5px;
  line-height:1.5;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;height:auto}
h1,h2,h3,h4,h5,h6{margin:0;font-weight:600;color:var(--text);font-family:var(--font-serif)}
h1{font-size:2rem;letter-spacing:-.3px}
h2{font-size:1.25rem}
h3{font-size:1.05rem}
p{margin:0}
a{color:var(--accent);text-decoration:none}
a:hover{color:var(--accent-hover);text-decoration:underline}
ul,ol{margin:0;padding:0;list-style:none}
button{font-family:inherit}
table{border-collapse:collapse;width:100%}
::selection{background:var(--accent-soft);color:var(--accent-hover)}

.sr-only{
  position:absolute;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;
}

:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

.text-muted{color:var(--text-muted)}
.text-secondary{color:var(--text-secondary)}
.text-success{color:var(--success)}
.text-warning{color:var(--warning)}
.text-error{color:var(--error)}
.text-accent{color:var(--accent-hover)}
.text-right{text-align:right}
.text-center{text-align:center}
.fw-bold{font-weight:700}
.fw-medium{font-weight:600}
.mono-num{font-variant-numeric:tabular-nums;font-feature-settings:'tnum' 1}

.overline{
  font-size:.66rem;letter-spacing:1.6px;text-transform:uppercase;font-weight:700;color:var(--accent-hover);
}

.stack{display:flex;flex-direction:column}
.gap-1{gap:var(--s1)} .gap-2{gap:var(--s2)} .gap-3{gap:var(--s3)} .gap-4{gap:var(--s4)}
.row{display:flex;align-items:center}
.row-between{display:flex;align-items:center;justify-content:space-between}
.wrap{flex-wrap:wrap}
.grow{flex:1 1 auto}
.hidden{display:none!important}

.visually-loading{opacity:.5;pointer-events:none}

/* Motif de marque : liseré tricolore */
.flag-strip{height:4px;width:100%;background-image:var(--flag-strip)}