/* fira-code-300 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Fira Code';
  font-style: normal;
  font-weight: 300;
  src: url('/fonts/fira-code-v22-latin-300.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* fira-code-600 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Fira Code';
  font-style: normal;
  font-weight: 600;
  src: url('/fonts/fira-code-v22-latin-600.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

:root {
  font-family: 'Fira Code', monospace;

  /* Colors */
  --primary-color: #007bff;
  /* Primary brand color */
  --secondary-color: #6c757d;
  /* Secondary color */
  --background-color: #151515;
  --background-color-lightest: #ffffff;
  --background-color-lighter: #202020;
  --background-color-dark: #dae0e5;
  --background-color-darkest: #c8d1d7;
  /* Background color */
  --text-color: #aeaeae;
  /* Text color */
  --accent-color: #ffc107;
  /* Accent color */

  /* Typography */
  --font-family: Arial, sans-serif;
  --font-size-base: 16px;
  /* Base font size */
  --line-height-base: 1.5;
  /* Base line height */

  /* Spacing */
  --spacing-xs: 4px;
  /* Extra small spacing */
  --spacing-sm: 8px;
  /* Small spacing */
  --spacing-md: 16px;
  /* Medium spacing */
  --spacing-lg: 24px;
  /* Large spacing */
  --spacing-xl: 32px;
  /* Extra large spacing */

}

body {
  overflow: hidden;
}