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

@layer base {
  body {
    @apply font-sans bg-brand-cream text-slate-900;
  }

  h1, h2, h3 {
    @apply font-display;
  }

  h4, h5, h6 {
    @apply font-subhead font-bold;
  }
}

@layer utilities {
  .h-app {
    height: var(--app-height, 100dvh);
  }
}

/*

@layer components {
  .btn-primary {
    @apply py-2 px-4 bg-blue-200;
  }
}

*/