:root{
  /* Gris — échelle assainie */
  --ink:#0a0a0a;       /* titres, texte fort */
  --muted:#666;        /* corps de texte, liens secondaires */
  --soft:#999;         /* labels, méta, légendes */
  --faint:#bbb;        /* tertiaire, légal, footer */
  --line:#f0f0f0;      /* bordures */
  --blue:#004aad;
  --blue-dark:#003a8a;
  --blue-accent:#004aad; /* accent texte (plus clair en sombre) */
  /* Surfaces & fond */
  --bg-1:#ffffff; --bg-2:#eef3fb; --bg-3:#cfdef2; --bg-4:#b4cdec;
  --surface:#ffffff;     /* cartes */
  --surface-2:#f6faff;   /* panneaux, sous-cartes */
  --border:#e6eef7;      /* bordures de cartes */
  --grain:0.025;
  /* Arrondis — 3 valeurs */
  --r-sm:8px;          /* boutons, cartes, blocs */
  --r-md:12px;         /* grandes grilles / conteneurs */
  --r-pill:999px;      /* badges, pastilles */
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;background:var(--bg-4)}

/* Grain de film */
body::after{content:'';position:fixed;inset:0;pointer-events:none;z-index:9998;opacity:var(--grain);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:180px}
body{min-height:100vh;background:linear-gradient(180deg,var(--bg-1) 0%,var(--bg-2) 30%,var(--bg-3) 65%,var(--bg-4) 100%) no-repeat;color:var(--ink);font-family:'Inter',system-ui,sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;transition:color .3s ease}
a{color:inherit;text-decoration:none}
ul{list-style:none}
img{display:block;max-width:100%;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none}

.wrap{max-width:1080px;margin:0 auto;padding:0 32px}

/* Signature de marque */
::selection{background:var(--blue);color:#fff}
:focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-radius:2px}
/* Tiret bleu devant les labels de section */
.about-label::before,.label::before,.section-title::before{content:'';display:inline-block;width:18px;height:2px;background:var(--blue);margin-right:10px;vertical-align:middle;border-radius:2px}
/* Point final bleu des titres */
.bdot{color:var(--blue)}

/* Bouton de langue (nav) */
.nav-tools{display:flex;align-items:center;gap:6px}
.nav-tool{height:32px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:var(--r-pill);background:transparent;color:var(--muted);cursor:pointer;font:600 0.74rem/1 'Inter',sans-serif;letter-spacing:0.04em;transition:color .18s,border-color .18s;-webkit-tap-highlight-color:transparent}
.nav-tool:hover{color:var(--blue);border-color:var(--blue)}

@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}