tailwind.css

@import 'tailwindcss';

/* @custom-variant hero (.hero &); */

@theme {
  --font-heading: var(--font-heading-family);
  --font-heading2: var(--font-heading2-family);
  --font-heading3: var(--font-heading3-family);
  --font-body: var(--font-body-family);
  --font-accent: var(--font-accent-family);

  --radius-4xl: 2rem;

  --text-xs: 0.9rem;
  --text-xs--line-height: 1.5;
  --text-sm: 1.1rem;
  --text-sm--line-height: 1.5;
  --text-base: 1.2rem;
  --text-base--line-height: 1.5;
  --text-lg: 1.3rem;