/* ===== tokens.css ===== */
/*
 * The whole site's palette and rhythm, in one place.
 *
 * Everything is prefixed `sw-` so that nothing here can ever collide with
 * the aquarium's own variables when that act is moved in. The aquarium's
 * seventeen variables are migrated over in the next stage, one for one,
 * keeping their values exactly as they are.
 */

:root {
  /* Ground */
  --sw-ink: #05171a;
  --sw-ink-deep: #030f11;
  --sw-wall: #0a1c1e;
  --sw-water: #0e2a2c;

  /* Light */
  --sw-pale: #d9d2b4;
  --sw-pale-soft: rgba(217, 210, 180, 0.72);
  --sw-pale-faint: rgba(217, 210, 180, 0.34);

  /* Metal */
  --sw-brass: #9d7f46;
  --sw-brass-lit: #c9a86a;
  --sw-copper: #7a4a24;

  /* Lines */
  --sw-hair: rgba(217, 210, 180, 0.16);
  --sw-hair-strong: rgba(217, 210, 180, 0.3);

  /* Type */
  --sw-display: "IM Fell English", "Iowan Old Style", Georgia, "Times New Roman", serif;
  --sw-body: "IM Fell English", "Iowan Old Style", Georgia, "Times New Roman", serif;
  --sw-mono: "Courier Prime", "SFMono-Regular", Consolas, "Liberation Mono", monospace;

  /* Rhythm */
  --sw-gap: 1rem;
  --sw-gap-wide: 2.5rem;
  --sw-measure: 34rem;
  --sw-stage-max: 68rem;

  /* Motion */
  --sw-ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --sw-dur: 420ms;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --sw-dur: 1ms;
  }
}