@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;600&family=Roboto+Flex:opsz,wght@8..144,100..1000&display=swap');

:root {
  --font-family: "Roboto Flex", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bg: #161619;
  --text: #ebebec;
  --text-muted: #d4d4d4;
  --link: #a78bfa;
  --link-hover: #c4b5fd;
  --grid-dot: rgba(255, 255, 255, 0.08);

  --surface: rgba(255, 255, 255, 0.06);
  --border: rgba(255, 255, 255, 0.14);

  --button-bg: rgba(255, 255, 255, 0.10);
  --button-bg-hover: rgba(255, 255, 255, 0.16);

  --accent-1: #6ee7b7;
  --accent-2: #818cf8;
  --accent-3: #fbbf24;
}