:root {
  color-scheme: dark;
  --bg: #0c1117;
  --surface: #151c23;
  --surface-raised: #1c252f;
  --banner-base: #18212a;
  --text: #f2f5f7;
  --muted: #b4bec8;
  --line: #303c47;
  --brand-color: #a2a9eb;
  --focus-color: #a2a9eb;
  --button-default: #a2a9eb;
  --control-hover: #27333f;
  --control-radius: 9px;
  --card-radius: 12px;
  font-family: Lexend, Arial, sans-serif;
  font-synthesis: none;
}
