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

@layer utilities {
  .text-display {
    font-family: 'Syne', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
  }
  
  .text-eyebrow {
    font-family: 'Space Grotesk', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
  }

  .text-subhead {
    font-family: 'Space Grotesk', sans-serif;
    font-weight: 500;
  }
}

/* Base styles are already handled in index.html, but keeping this for standard Vite setup */
:root {
  --background: #ffffff;
  --foreground: #111111;
}

.dark {
  --background: #050505;
  --foreground: #ffffff;
}

body {
  margin: 0;
  display: block;
  min-width: 320px;
  min-height: 100vh;
}