@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

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

@layer base {
  :root {
    --color-deep-graphite: #0E0F11;
    --color-iron-gray: #181B1F;
    --color-charcoal-outline: #22262A;
    --color-primary-blue: #198CFF;
    --color-performance-green: #6FE37A;
    --color-warning-amber: #FFC556;
    --color-neon-aqua: #43C9E6;
  }

  body {
    @apply bg-deep-graphite text-white antialiased;
  }
}

@layer utilities {
  .animate-spring {
    transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
  }
}