@font-face{ font-family: "Fraunces"; src: url(../fonts/fraunces-latin.woff2?v=81b6ed6d06) format("woff2"); font-weight: 100 900; font-display: swap; }
@font-face{ font-family: "Schibsted Grotesk"; src: url(../fonts/schibsted-grotesk-latin.woff2?v=f25c0b730a) format("woff2"); font-weight: 400 600; font-display: swap; }
@font-face{ font-family: "Martian Mono"; src: url(../fonts/martian-mono-latin.woff2?v=6b59884b3f) format("woff2"); font-weight: 400; font-display: swap; }
:root{
  --foret: #103C32;
  --foret-nuit: #103C32;
  --ivoire: #F1F0DF;
  --sauge: #B9C6A3;
  --noir: #000000;
  --blanc: #FFFFFF;

  
  --fond: var(--foret);
  --fond-2: var(--foret-nuit);
  --texte: var(--ivoire);
  --texte-2: rgba(241, 240, 223, 0.78);
  --accent: var(--sauge);
  --filet: rgba(241, 240, 223, 0.22);
  --clair-fond: var(--ivoire);
  --clair-texte: var(--foret);
  --clair-texte-2: rgba(16, 60, 50, 0.78);
  --clair-filet: rgba(16, 60, 50, 0.2);

  --titre: "Fraunces", Georgia, "Times New Roman", serif;
  --corps: "Schibsted Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;
  --mono: var(--corps); 

  
  --t-mono: 0.8125rem;            
  --t-petit: 0.9375rem;           
  --t-corps: clamp(1.0625rem, 0.98rem + 0.3vw, 1.125rem);   
  --t-chapeau: clamp(1.25rem, 1.05rem + 0.8vw, 1.625rem);
  --t-h3: clamp(1.25rem, 1.1rem + 0.6vw, 1.5rem);
  --t-h2: clamp(2rem, 1.3rem + 3vw, 4.25rem);
  --t-h1: clamp(2.25rem, 1.2rem + 4.6vw, 6.5rem);

  --gouttiere: max(16px, env(safe-area-inset-left, 0px));
  --gouttiere-d: max(16px, env(safe-area-inset-right, 0px));
  --marge: clamp(16px, 4vw, 64px);
  --mesure: 64ch;
  --entree: cubic-bezier(0.22, 1, 0.36, 1);
  color-scheme: dark;
}