/* Design tokens */
:root {
  /* Colour */
  --cream: #efeade;
  --ink: #1f2a22;
  --ink-soft: #3b4339;
  --terracotta: #b5603a;
  --rule: rgba(31, 42, 34, 0.18);
  --navy: #13233a;
  --drafting: #34434a;

  /* Type */
  --font-display: "Cormorant Garamond", "Times New Roman", serif;
  --font-sans: "Jost", "Helvetica Neue", Arial, sans-serif;
  --tracking-wide: 0.28em;
  --tracking-mid: 0.16em;

  /* Layout */
  --gutter: clamp(16px, 5.6vw, 86px);
  --nav-height: 108px;

  /* Motion */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
}