/* Karla auto-hébergée (ex-Google Fonts) — plus d'appel à fonts.googleapis.com :
   RGPD (pas d'IP transmise à Google) + un aller-retour réseau en moins. */
@font-face{font-family:'Karla';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/karla-latin-400-normal.woff2') format('woff2');}
@font-face{font-family:'Karla';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/karla-latin-500-normal.woff2') format('woff2');}
@font-face{font-family:'Karla';font-style:normal;font-weight:600;font-display:swap;src:url('../fonts/karla-latin-600-normal.woff2') format('woff2');}
@font-face{font-family:'Karla';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/karla-latin-700-normal.woff2') format('woff2');}
/* base.css — socle commun aux 10 pages : police, palette, reset.
   Chargé par les 7 pages publiques (avec site.css) et les 3 pages
   légales (avec legal.css). Modifier la palette ICI et nulle part ailleurs. */

@font-face {
  font-family: 'Hubballi';
  src: url('../fonts/Hubballi-Regular.woff2') format('woff2'),
       url('../fonts/Hubballi-Regular.ttf') format('truetype');
  font-weight: 400;
  font-display: swap;
}

:root{
  --pierre: #E9E2D3;
  --pierre-alt: #DFD6C2;
  --noir: #171512;
  --noir-soft: #241F1A;
  --vert: #263825;
  --vert-dark: #1A2919;
  --sauge: #C5CBBB;
  --blanc: #FBF8F2;
  --gres: #564F45;
  --gres-clair: #A69C8B;
  --radius: 2px;

  /* Courbes d'animation. Les easings natifs du CSS sont trop mous : une
     entrée en `ease` démarre lentement, exactement au moment où l'œil
     regarde. Trois courbes suffisent au site, elles sont déclarées ici pour
     que les deux feuilles s'en servent au lieu de réinventer des valeurs.
     — sortie : tout ce qui entre ou apparaît (réponse immédiate)
     — traversée : ce qui se déplace à l'écran
     — tiroir : le panneau de navigation mobile (courbe iOS) */
  --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
  --ease-in-out: cubic-bezier(0.77, 0, 0.175, 1);
  --ease-drawer: cubic-bezier(0.32, 0.72, 0, 1);
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto;}
  /* Le selecteur universel n'atteint PAS ::before et ::after : ils continuaient
     donc de s'animer malgre la preference systeme (constate le 15/09 sur le
     chevron des listes de liens et sur .bento .dlabel::after). Les deux
     pseudo-elements sont ajoutes explicitement. */
  *, *::before, *::after{animation-duration:0.001ms !important; animation-iteration-count:1 !important; transition-duration:0.001ms !important;}
}