:root {
  /* @collection Brand */
  --color-ink: #141414;
  --color-bg: #0b0b0b;
  --color-muted: #4a4a47;
  --color-line: rgba(20, 20, 20, 0.22);
  --color-frame: #2a2a2a;
  --color-paper: #fbf8f2;
  --color-teal: #2f8f84;
  --color-gold: #c9a43f;
  --color-olive: #6e6c56;

  /* @collection Surfaces */
  --color-sky: #d6e4eb;
  --color-sand: #ebdccd;
  --color-blush: #f8d6dc;
  --color-mint: #cff0de;
  --color-cream: #f7edd6;
  --color-orchid: #f0d4e4;
  --color-peach: #f6e1d1;
  --color-leaf: #c9f0cd;
  --color-night: #181818;

  /* @collection Type */
  --font-body: "Archivo", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-display: "Young Serif", Georgia, "Times New Roman", serif;
  --font-numeral: "Bodoni Moda", "Didot", Georgia, serif;

  /* @collection Space */
  --size-container: 1320px;
  --size-gutter: 32px;
  --size-gap: 8px;
  --size-radius: 14px;
  --size-pad: 40px;

  /* @collection Motion */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-soft: cubic-bezier(0.65, 0, 0.35, 1);
}