@font-face {
  font-family: "Inter";
  src: url("/static/fonts/inter/Inter-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Inter";
  src: url("/static/fonts/inter/Inter-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Inter";
  src: url("/static/fonts/inter/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Inter";
  src: url("/static/fonts/inter/Inter-ExtraBold.woff2") format("woff2");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Inter";
  src: url("/static/fonts/inter/Inter-Black.woff2") format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

:root{
  --primary:#1d4ed8;
  --primary-hover:#1d4ed8;
  --bg:#f9fafb;
  --surface:#ffffff;
  --text:#111827;
  --muted:rgba(17,24,39,.68);
  --border:rgba(17,24,39,.08);
  --shadow:0 10px 30px rgba(15, 23, 42, 0.06);
  --shadow-lg:0 20px 50px rgba(15, 23, 42, 0.12);
  --radius:16px;

  --tw-gray-200: rgb(229,231,235);
  --tw-shadow-elevated: 0 10px 15px -3px rgba(0,0,0,.05), 0 4px 6px -2px rgba(0,0,0,.025);
}