@import url('../fonts/geist.css');

@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {
  :root {
    /* Dark/Light Agnostic Colors */
    --primary: 206 73% 64%; /* hsl(206 73% 64%) */
    --primary-foreground: 204 100% 79%; /* hsl(204 100% 79%) */
    --primary-secondary: 53 80% 67%; /* hsl(53 80% 67%) */

    --background: 240 10% 4%; /* hsl(240 10% 4%) */

    --muted: 0 0% 96.1%; /* hsl(0 0% 96.1%) */

    --typography: 0 0% 25%; /* hsl(0 0% 25%) */

    /* Static Colors */
    --static-white: 240 100% 98%; /* hsl(240 100% 98%) */
  }

  .dark {
  }
}

body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu',
    'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  font-family: 'Geist', sans-serif;

  @apply bg-primary;
  @apply text-typography;
}

code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', monospace;
}
