@import "tailwindcss";
@source "../../views";
@source "../../helpers";
@source "../../javascript";

@font-face { font-family: Inter; src: url("/assets/inter-latin-400-normal-1e94a563.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: Inter; src: url("/assets/inter-latin-500-normal-5949f5fc.woff2") format("woff2"); font-weight: 500; font-display: swap; }
@font-face { font-family: "Source Serif 4"; src: url("/assets/source-serif-4-latin-400-normal-9a523421.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Source Serif 4"; src: url("/assets/source-serif-4-latin-400-italic-e8438c2e.woff2") format("woff2"); font-weight: 400; font-style: italic; font-display: swap; }

@theme {
  --font-sans: Inter, sans-serif;
  --font-serif: "Source Serif 4", Georgia, serif;
}

@layer base {
  body { @apply bg-slate-50 font-sans text-[15px] leading-relaxed text-slate-950; }
  h1, h2, h3 { @apply font-serif font-normal leading-[1.07]; }
  h1 { @apply text-[clamp(46px,5.8vw,84px)] tracking-[-0.055em]; }
  h2 { @apply text-[clamp(32px,3.6vw,50px)] tracking-[-0.04em]; }
  h3 { @apply text-[28px] tracking-[-0.025em]; }
  em { @apply font-normal text-sky-700; }
  p { @apply text-pretty; }
  a, button, input[type=submit] { @apply transition-colors duration-200 motion-reduce:transition-none; }
  a:hover { @apply text-sky-700; }
  button, input[type=submit] { @apply cursor-pointer; }
  :focus-visible { @apply outline-2 outline-offset-4 outline-sky-700; }
  ::selection { @apply bg-sky-200 text-slate-950; }
}