/* Menuiserie d'Anglet — « Pins et vagues » : seul fichier de variables du thème */
:root {
  /* couleurs */
  --c-blanc: #FFFFFF;
  --c-sable: #ECE5D6;
  --c-sable-clair: #F6F2EA;
  --c-pin: #1D4A35;
  --c-pin-fonce: #163828;
  --c-pin-pale: #C9D9C4;
  --c-encre: #13211A;
  --c-ocean: #3F6577;
  --c-ocean-pale: #DCE6EA;
  --c-ocean-clair: #B9C7CC;
  --c-ligne: rgba(63, 101, 119, .22);
  --c-ligne-forte: #13211A;
  --c-trame: rgba(63, 101, 119, .085);
  --c-erreur: #9E2B25;
  --couleur-accent: var(--c-pin);
  --couleur-fond: var(--c-blanc);
  --couleur-texte: var(--c-encre);

  /* typographie */
  --f-titre: "Archivo Var", "Archivo", "Helvetica Neue", Arial, sans-serif;
  --f-texte: "Archivo Var", "Archivo", "Helvetica Neue", Arial, sans-serif;
  --f-mono: "Spline Sans Mono Var", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
  --large-titre: 125%;
  --large-texte: 100%;
  --t-mono: .75rem;
  --t-petit: .9375rem;
  --t-corps: 1.125rem;
  --t-h3: 1.3rem;
  --t-h2: clamp(1.7rem, 1.1rem + 2.1vw, 2.65rem);
  --t-h1: clamp(2.3rem, 1.2rem + 4.3vw, 4.6rem);
  --t-geant: clamp(3rem, 12.4vw, 13.5rem);
  --interligne: 1.6;

  /* grille et espaces */
  --max: 1320px;
  --gout: clamp(16px, 2.6vw, 40px);
  --col-gap: clamp(12px, 1.6vw, 24px);
  --cols: 12;
  --sec: clamp(72px, 9vw, 168px);
  --e-1: .5rem;
  --e-2: 1rem;
  --e-3: 1.5rem;
  --e-4: 2.5rem;
  --e-5: 4rem;
  --entete-h: 76px;

  /* formes */
  --rayon: 0;
  --trait: 1px solid var(--c-ligne);
  --trait-fort: 2px solid var(--c-encre);
  --duree: .22s;
  --courbe: cubic-bezier(.2, .7, .2, 1);
}
@media (max-width: 760px) {
  :root { --cols: 4; --entete-h: 64px; }
}