@import "tailwindcss";

:root {
  --background: #fafafa;
  --foreground: #18181b;
  --font-heading: var(--font-space-grotesk), system-ui, sans-serif;
  --font-sans: var(--font-inter), system-ui, sans-serif;
}

@theme inline {
  --font-sans: var(--font-inter), system-ui, sans-serif;
}

html,
body {
  background: var(--background);
  color: var(--foreground);
  font-family:
    var(--font-inter),
    system-ui,
    -apple-system,
    sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-heading);
  letter-spacing: -0.01em;
}

@media print {
  body * {
    visibility: hidden;
  }

  #order-print-sheet,
  #order-print-sheet * {
    visibility: visible;
  }

  #order-print-sheet {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
  }
}