/* CLS Industries — design tokens */
:root {
  /* Color */
  --paper: #F4EFE6;
  --paper-2: #EDE6D8;
  --paper-3: #E5DCC9;
  --ink: #181715;
  --ink-muted: #4A4641;
  --ink-soft: #6B6660;
  --accent: #C2410C;
  --accent-deep: #9A330A;
  --stage: #0A0908;
  --stage-2: #14110E;
  --stage-fg: #F4EFE6;
  --rule: rgba(24, 23, 21, 0.10);
  --rule-strong: rgba(24, 23, 21, 0.20);
  --rule-stage: rgba(244, 239, 230, 0.12);

  /* Type */
  --serif: "Newsreader", "Source Serif 4", "Charter", Georgia, serif;
  --sans: "Geist", "Inter", -apple-system, BlinkMacSystemFont, "Helvetica Neue", system-ui, sans-serif;
  --mono: "Geist Mono", "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;

  /* Layout */
  --max: 1440px;
  --gutter: 96px;
  --gutter-mobile: 24px;

  /* Motion */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in: cubic-bezier(0.7, 0, 0.84, 0);
  --ease-io: cubic-bezier(0.65, 0, 0.35, 1);
}

@media (max-width: 900px) {
  :root {
    --gutter: 24px;
  }
}