@import "tailwindcss";

@theme {
  --font-sans:
    "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, sans-serif;
  --font-heading: "Inter", system-ui, sans-serif;
  --font-body: "Inter", system-ui, sans-serif;

  --color-primary: #001a4d;
  --color-primary-dark: #000d26;
  --color-primary-light: #e6ebf5;

  --color-accent: #82ed20;
  --color-accent-dark: #6bc41a;
  --color-accent-light: #f0f9e6;

  --color-text-primary: #111827;
  --color-text-secondary: #4b5563;
  --color-text-light: #9ca3af;
}

@layer base {
  body {
    @apply antialiased bg-white text-text-primary;
    text-rendering: optimizeLegibility;
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    @apply font-heading font-bold tracking-tight text-primary;
  }
}

@utility touch-target {
  min-height: 48px;
  min-width: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}