:root {
  --bw-font-sans: "Cantarell", "Helvetica Neue", Arial, sans-serif;
  --bw-font-display: "Fjalla One", "Arial Narrow", sans-serif;

  --bw-paper: #fafafa;
  --bw-deep: #f2f2f2;
  --bw-white: #ffffff;
  --bw-ink: #5a5a5a;
  --bw-soft: #777777;
  --bw-muted: #5f6f81;
  --bw-line: #e9eaee;
  --bw-green: #21b455;
  --bw-bright: #26ce61;
  --bw-pine: #0e6b34;
  --bw-pine-ink: #0c5c2c;
  --bw-dark: #1c1c1c;
  --bw-footer: #5a5a5a;
  --bw-footer-mid: #4f4f4f;
  --bw-mint: #d8ffe6;
  --bw-selection-text: #102216;
  --bw-open-tint: #f7fbf8;

  --bw-radius: 4px;
  --bw-rail: 1200px;
  --bw-pad-x: 2rem;
  --bw-section-y: 2.75rem;
}

@media (min-width: 640px) {
  :root {
    --bw-pad-x: 2rem;
    --bw-section-y: 3.5rem;
  }
}

@media (min-width: 1024px) {
  :root {
    --bw-pad-x: 2.5rem;
    --bw-section-y: 4.5rem;
  }
}