@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=Space+Grotesk:wght@500;600&family=Inter:wght@400;500&display=swap");

:root {
  --surface: #0e0e0e;
  --surface-container-lowest: #0a0a0a;
  --surface-container-low: #131313;
  --surface-container-high: #1f2020;
  --surface-bright: #2b2c2c;
  --surface-container-highest: #353636;

  --on-surface: #e7e5e5;
  --on-surface-variant: #acabaa;
  --on-background: #e7e5e5;

  --primary: #c6c6c6;
  --on-primary: #3f4041;
  --primary-container: #c6c6c6;

  --outline-variant: #484848;
  --error: #bb5551;

  --font-display: "Space Grotesk", system-ui, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, monospace;
  --font-label: "Inter", system-ui, sans-serif;

  --spacing-2: 0.5rem;
  --spacing-3: 0.75rem;
  --spacing-4: 1.4rem;
  --spacing-6: 2rem;
  --spacing-8: 2.75rem;

  --radius: 0px;
}