:root {
  --amf-black: #090909;
  --amf-ink: #111111;
  --amf-paper: #ffffff;
  --amf-panel: #111111;
  --amf-panel-elevated: #181818;
  --amf-muted: #666666;
  --amf-muted-inverse: rgba(255, 255, 255, 0.66);
  --amf-line: rgba(17, 17, 17, 0.14);
  --amf-line-inverse: rgba(255, 255, 255, 0.14);
  --amf-line-inverse-strong: rgba(255, 255, 255, 0.24);
  --amf-orange: #ff4d00;
  --amf-orange-hover: #ff6726;
  --amf-orange-soft: rgba(255, 77, 0, 0.1);
  --amf-radius: 8px;
  --amf-font-sans: "SerialDTRIAL", "ReformaSansTRIAL", "Helvetica Neue", Arial, sans-serif;
  --amf-font-mono: "SF Mono", "IBM Plex Mono", Menlo, Consolas, monospace;
  --amf-focus-ring: 0 0 0 3px rgba(255, 77, 0, 0.35);
  --amf-transition: 160ms ease;
}

::selection {
  background: var(--amf-orange);
  color: var(--amf-paper);
}

:focus-visible {
  outline: 2px solid var(--amf-orange);
  outline-offset: 3px;
}