@import './fonts.css';

@import 'tailwindcss';
@plugin "@tailwindcss/forms";

@source "../../site/**/*.php";

@theme {
  /* Fonts */
	--font-family-*: initial;
	--font-family-sans: 'Inter', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';

	/* Reset Breakpoints to fix sorting */
	--breakpoint-*: initial;

  /* Colors */
	--color-*: initial;
	/* neutrals */
	--color-black: #000;
	--color-white: #fff;
}

@layer base {
  svg {
    @apply w-full h-full;
  }

  /* Fix Safari issue related to <summary> / <details> arrow */
  details > summary.list-none::-webkit-details-marker,
  details > summary.list-none::marker {
    display: none;
  }

  /* https://defensivecss.dev/tip/flexbox-min-content-size/ */
  * {
    min-height: 0;
    min-width: 0;
  }
}
