:root {
  --ash: #E3E5DF;
  --pumice: #F1F2EE;
  --basalt: #161A17;
  --basalt-soft: #2A302B;
  --ink: var(--basalt);
  --ink-2: #5A6057;
  --hatch: #A0A49C;
  --hairline: rgba(22, 26, 23, 0.16);
  --hairline-soft: rgba(22, 26, 23, 0.08);
  --olivine: #4A6534;
  --olivine-mid: #6E8C52;
  --olivine-lift: #8FAE6E;
  --sulfur: #C08A0F;

  --font-display: 'Archivo', 'Helvetica Neue', sans-serif;
  --font-body: 'Newsreader', Georgia, serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, 'SF Mono', monospace;

  --fs-display: clamp(2.55rem, 7vw, 6.25rem);
  --fs-h2: clamp(1.85rem, 3.5vw, 3rem);
  --fs-h3: 1.15rem;
  --fs-lede: clamp(1.1rem, 1.6vw, 1.4rem);
  --fs-body: 1.0625rem;
  --fs-mono: 0.75rem;
  --fs-mono-sm: 0.6875rem;

  --rail-w: 92px;
  --measure: 34rem;
  --page-max: 1180px;
  --gutter: clamp(1.25rem, 4vw, 3.5rem);
  --stratum-pad: clamp(4.5rem, 9vw, 8.5rem);

  --ease-core: cubic-bezier(0.22, 0.68, 0.24, 1);
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);

  /* Trames lithologiques USGS réelles, pas des motifs décoratifs : les « v »
     sont le symbole normalisé d'un dépôt pyroclastique, d'où le nom du site. */
  --lith-tuff: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='16'%3E%3Cg fill='none' stroke='%23A0A49C' stroke-width='1.1' stroke-linecap='round'%3E%3Cpath d='M2 3.5 L5 8 L8 3.5'/%3E%3Cpath d='M11 11.5 L14 16 L17 11.5'/%3E%3Cpath d='M-7 11.5 L-4 16 L-1 11.5'/%3E%3C/g%3E%3C/svg%3E");
  --lith-ash: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cg fill='%23A0A49C'%3E%3Ccircle cx='2' cy='2' r='0.75'/%3E%3Ccircle cx='8' cy='5' r='0.75'/%3E%3Ccircle cx='4' cy='9' r='0.75'/%3E%3Ccircle cx='10' cy='11' r='0.75'/%3E%3C/g%3E%3C/svg%3E");
  --lith-lapilli: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cg fill='none' stroke='%23A0A49C' stroke-width='1'%3E%3Ccircle cx='5' cy='6' r='2.4'/%3E%3Ccircle cx='15' cy='14' r='3'/%3E%3C/g%3E%3Ccircle cx='12' cy='4' r='0.9' fill='%23A0A49C'/%3E%3Ccircle cx='4' cy='16' r='0.9' fill='%23A0A49C'/%3E%3C/svg%3E");
  --lith-scoria: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cg fill='none' stroke='%23A0A49C' stroke-width='1.1'%3E%3Cellipse cx='4' cy='4' rx='2.2' ry='1.4'/%3E%3Cellipse cx='12' cy='10' rx='2.6' ry='1.6'/%3E%3Cellipse cx='7' cy='14' rx='1.6' ry='1'/%3E%3C/g%3E%3C/svg%3E");
  --lith-bedrock: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14'%3E%3Cpath d='M-2 12 L12 -2 M0 16 L16 0 M4 16 L16 4' stroke='%23A0A49C' stroke-width='1'/%3E%3C/svg%3E");
}