/* Shared by the landing page and the app. One palette, one type system. */

@import url('https://fonts.googleapis.com/css2?family=Onest:wght@200;300;400;500&display=swap');

:root {
  color-scheme: dark;
  --ground: #0a0a0a;
  --ink: #ededed;
  --dim: rgba(237, 237, 237, 0.46);
  --faint: rgba(237, 237, 237, 0.24);
  --hair: rgba(237, 237, 237, 0.11);
  --hair-strong: rgba(237, 237, 237, 0.22);
  --long: #93e3c0;
  --short: #e39d9d;

  --display: 'Onest', 'Helvetica Neue', Inter, system-ui, sans-serif;
  --mono: ui-monospace, 'SF Mono', SFMono-Regular, Menlo, monospace;

  --gutter: clamp(18px, 3.2vw, 46px);
  --rule: 1px;
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --grain: 0.045;
}