@font-face {
  font-family: Everett;
  src: url("/fonts/TWKEverett-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Everett Mono";
  src: url("/fonts/TWKEverettMono-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
:root {
  color-scheme: dark;
  --canvas: #000000;
  --surface: #131518;
  --raised: #222529;
  --line: #6c7584;
  --line-soft: #343940;
  --ink: #ffffff;
  --secondary: #e0e2e6;
  --quiet: #c2c6cd;
  --action: #298dff;
  --action-hover: #4b9fff;
  --blue-ink: #8fcbff;
  --negative: var(--secondary);
  --warning: var(--secondary);
  --font:
    Everett, Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --mono: "Everett Mono", ui-monospace, SFMono-Regular, monospace;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --control-height: 40px;
  --header-height: 88px;
  --display: 80px;
  --display-leading: 1.1;
  --heading: 52px;
  --heading-leading: 1.1;
  --card-heading: 32px;
  --body: 16px;
  --label: 14px;
  --action-label: 16px;
  --action-icon: 24px;
  --meta: 13px;
  --shell-padding: 56px;
}
@media (max-width: 1100px) {
  :root {
    --shell-padding: 32px;
    --heading: 48px;
  }
}
@media (max-width: 760px) {
  :root {
    --shell-padding: 24px;
    --display: 64px;
    --heading: 40px;
  }
}
@media (max-width: 520px) {
  :root {
    --shell-padding: 16px;
    --header-height: 118px;
    --display: 48px;
    --heading: 36px;
    --control-height: 44px;
  }
}