:root {
  --light-1: #efefef;
  --dark-1: #1e1e1e;
  --dark-2: #0f0f0f;
  --primary: #C2B280;
  --primary-light: #D3C7A2;
  --primary-dark: #BAB298;
  --secondary: #B3CF99;
  --secondary-light: #C2D9AD;
  --secondary-dark: #9FAF8F;

  --background: var(--primary-light);
  --text: var(--dark-1);
  --text-2: var(--dark-2);

  --font: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", sans-serif;
  --font-italic: "Georgia", serif;
  --font-code: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
  --font-size: 1.2rem;
  --font-weight-semibold: 700;
  --font-weight-bold: 900;
  --leading: 1.45;
  --gutter: clamp(1ch, 2.5vmax, 3ch);
  --stack: clamp(1.25ex, 1ex + 2.5vmax, 1.75ex);
  --line-length-small: 30ch;
  --line-length: 75ch;
  --line-length-large: 115ch;
  --page-padding-inline: calc((100vw - min(var(--line-length), 80vw)) / 2);
  --border-width: 1px;
  --border-radius: 4px;
}