:root {
  color-scheme: light;
  --pierre: #ede9e2;
  --papier: #ffffff;
  --tabac: #2e241c;
  --laiton: #b8923f;
  --laiton-sombre: #765b20;
  --canard: #2e6e6b;
  --canard-sombre: #1f5553;
  --bouteille: #1f4d3f;
  --bouteille-sombre: #15372d;
  --brique: #b5473c;
  --brique-sombre: #8f332b;
  --secondaire: #6e655c;
  --filet: #cfc8bd;
  --voile: #f7f4ef;
  --blanc: #ffffff;

  --font: "Literata", Georgia, serif;
  --fs-13: 0.8125rem;
  --fs-15: 0.9375rem;
  --fs-17: 1.0625rem;
  --fs-21: 1.3125rem;
  --fs-26: 1.625rem;
  --fs-34: 2.125rem;
  --fs-44: 2.75rem;
  --fs-60: 3.75rem;
  --leading-tight: 1.12;
  --leading-copy: 1.62;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-20: 5rem;

  --radius-sm: 0.2rem;
  --radius: 0.4rem;
  --radius-lg: 0.75rem;
  --shadow-lift: 0 0.45rem 1.25rem rgb(46 36 28 / 0.11);
  --shadow-focus: 0 0 0 3px rgb(46 110 107 / 0.28);
  --container: 72.5rem;
  --reading: 47rem;
  --ease: 180ms ease;
}