:root {
  --paper: #fbf5ec;
  --paper-warm: #f7dcb9;
  --paper-deep: #f3c28a;
  --surface: #efe3d2;
  --surface-hi: #fffdf7;
  --surface-lo: #ccbfa9;
  --line: #ddcdb6;

  --ink: #2b1d2b;
  --ink-soft: #5d4a58;
  --ink-invert: #fdf7ee;

  --ember: #a8470d;
  --ember-deep: #7c3208;
  --marigold: #e39a22;
  --flame: #f5576c;
  --plum: #764ba2;
  --plum-deep: #2b1526;

  --fluid-text-xs: clamp(0.78em, 0.9vw, 0.84em);
  --fluid-text-sm: clamp(0.88em, 1vw, 0.96em);
  --fluid-text-md: clamp(1em, 1.5vw, 1.12em);
  --fluid-text-lg: clamp(1.3em, 2.6vw, 1.75em);
  --fluid-text-xl: clamp(1.9em, 5vw, 3em);

  --fluid-gap-xs: clamp(0.35em, 0.7vw, 0.6em);
  --fluid-gap-sm: clamp(0.7em, 1.4vw, 1.1em);
  --fluid-gap-md: clamp(1.2em, 2.6vw, 2em);
  --fluid-gap-lg: clamp(2em, 5vw, 3.6em);

  --shell-width: clamp(18em, 92vw, 74em);
  --rail-width: 19em;
  --head-height: 4.4em;
  --bar-height: 4.6em;
  --radius-soft: 1.125em;
  --radius-pill: 999px;

  --splash-photo: none;
  --splash-veil: 1;
}