/* Socle commun à toutes les pages.
   Les couleurs peuvent être surchargées année par année : voir le bloc <style> en tête de chaque page. */

:root {
  --ink: #060609;
  --bone: #efe8db;
  --line: rgb(239 232 219 / .13);
  --ease: cubic-bezier(.16, 1, .3, 1);

  --ember: #ff5a1f;

  /* Palette thermique du spectrogramme, du silence au signal le plus chaud */
  --ramp-0: #060609;
  --ramp-1: #1d091b;
  --ramp-2: #730f22;
  --ramp-3: #e84517;
  --ramp-4: #ffd48f;
}

*, *::before, *::after { box-sizing: border-box; }

html, body {
  margin: 0;
  background: var(--ink);
  color: var(--bone);
}

a { color: inherit; text-decoration: none; }

#field {
  position: fixed;
  top: 0;
  left: 0;
  image-rendering: pixelated;
}

/* Trame : un filet sombre entre les cases du spectrogramme (4 px, comme field.js) */
body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 1;
  background-image:
    linear-gradient(rgb(6 6 9 / .42) 1px, transparent 1px),
    linear-gradient(90deg, rgb(6 6 9 / .42) 1px, transparent 1px);
  background-size: 4px 4px;
  pointer-events: none;
}