:root {
  color-scheme: dark;

  --colour-midnight: #071118;
  --colour-midnight-soft: #0d1a22;
  --colour-ink: #111717;
  --colour-chalk: #f1eee5;
  --colour-paper: #e7e2d7;
  --colour-signal: #c8ff36;
  --colour-signal-deep: #769900;
  --colour-steel: #9ea9ae;
  --colour-steel-dark: #59666d;
  --colour-amber: #ffb56b;
  --colour-white: #ffffff;
  --colour-black: #000000;
  --colour-danger: #ff806f;
  --colour-night-glass: rgba(7, 17, 24, 0.72);
  --colour-light-glass: rgba(241, 238, 229, 0.82);
  --colour-rule-dark: rgba(241, 238, 229, 0.18);
  --colour-rule-light: rgba(17, 23, 23, 0.17);
  --colour-shadow: rgba(0, 0, 0, 0.32);
  --colour-focus: rgba(200, 255, 54, 0.34);

  --font-display: "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Palatino, Georgia, serif;
  --font-body: "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;

  --step--1: clamp(0.73rem, 0.69rem + 0.17vw, 0.84rem);
  --step-0: clamp(0.95rem, 0.89rem + 0.27vw, 1.13rem);
  --step-1: clamp(1.18rem, 1.06rem + 0.51vw, 1.5rem);
  --step-2: clamp(1.48rem, 1.29rem + 0.83vw, 2rem);
  --step-3: clamp(1.85rem, 1.57rem + 1.24vw, 2.66rem);
  --step-4: clamp(2.31rem, 1.9rem + 1.86vw, 3.55rem);
  --step-5: clamp(2.89rem, 2.29rem + 2.77vw, 4.73rem);
  --step-6: clamp(3.61rem, 2.73rem + 4.05vw, 6.31rem);
  --step-7: clamp(4.52rem, 3.25rem + 5.82vw, 8.41rem);

  --space-3xs: clamp(0.28rem, 0.25rem + 0.12vw, 0.38rem);
  --space-2xs: clamp(0.56rem, 0.5rem + 0.24vw, 0.75rem);
  --space-xs: clamp(0.84rem, 0.75rem + 0.36vw, 1.13rem);
  --space-s: clamp(1.13rem, 1rem + 0.48vw, 1.5rem);
  --space-m: clamp(1.69rem, 1.5rem + 0.71vw, 2.25rem);
  --space-l: clamp(2.25rem, 2rem + 0.95vw, 3rem);
  --space-xl: clamp(3.38rem, 3rem + 1.43vw, 4.5rem);
  --space-2xl: clamp(4.5rem, 4rem + 1.9vw, 6rem);
  --space-3xl: clamp(6.75rem, 6rem + 2.86vw, 9rem);
  --space-4xl: clamp(9rem, 8rem + 3.81vw, 12rem);

  --radius-xs: 0.35rem;
  --radius-s: 0.7rem;
  --radius-m: 1.15rem;
  --radius-l: 1.8rem;
  --radius-pill: 999px;

  --line-hairline: 1px;
  --line-control: 2px;
  --container: 112rem;
  --measure: 42rem;
  --nav-height: 4.25rem;

  --shadow-float: 0 1.2rem 4rem var(--colour-shadow);
  --shadow-focus: 0 0 0 0.28rem var(--colour-focus);

  --ease-quiet: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-signal: cubic-bezier(0.4, 0, 0.2, 1);
  --duration-fast: 160ms;
  --duration-medium: 420ms;
  --duration-slow: 900ms;
}