/* Import Fonts */
@import url("https://fonts.googleapis.com/css2?family=Inter&family=IBM+Plex+Mono&display=swap");

/* Reset Styles */
*,
*::after,
*::before {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* CSS Variables */
:root {
  --color-background: #1a1a1a; /* Dark background */
  --color-section-background: #e1e2e1; /* Light Gray section */
  --color-main: #ff8c00; /* Orange accent */
  --font-primary: "Inter", serif;
  --font-mono: "IBM Plex Mono", monospace;
  --margin: 32px;
  --gutter: 16px;
}

/* Base Styles */
body {
  font-family: var(--font-primary);
  background-color: var(--color-background);
  color: var(--color-main);
  letter-spacing: -0.03em;
  min-height: 100vh;
}

#glcanvas {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  mix-blend-mode: screen;
  display: flex;
}