@font-face {
  font-family: "Mona Sans";
  src: url("/fonts/Mona-Sans.woff2") format("woff2-variations"), url("/fonts/Mona-Sans.woff2") format("woff2");
  font-weight: 200 900;
  font-stretch: 75% 125%;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Mona Sans Fallback";
  src: local("Arial");
  ascent-override: 92%;
  descent-override: 22%;
  line-gap-override: 0%;
  size-adjust: 103%;
}

:root {
  --color-bg: #ffffff;
  --color-surface: #f7f8fa;
  --color-border: #e4e7eb;
  --color-text: #1a1d23;
  --color-text-muted: #5b6270;
  --color-primary: #293a8b;
  --color-primary-dark: #1d2b6b;
  --color-primary-light: #eaecf8;
  --color-accent: #4d5dbf;
  --color-success: #1f9d55;
  --color-danger: #d92d20;

  --font-sans: "Mona Sans", "Mona Sans Fallback", system-ui, -apple-system, sans-serif;
  --font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;

  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 18px;
  --radius-xl: 26px;

  --shadow-sm: 0 1px 2px rgba(16, 24, 40, 0.06);
  --shadow-md: 0 4px 12px rgba(16, 24, 40, 0.08);

  --max-width: 1240px;
}

* {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  padding: 0;
}

body {
  font-family: var(--font-sans);
  color: var(--color-text);
  background: var(--color-bg);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}

a {
  color: var(--color-primary);
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

h1 {
  line-height: 1.25;
  font-weight: 700;
  margin: 0 0 0.5em;
}

h2,
h3 {
  line-height: 1.25;
  font-weight: 700;
  margin: 0 0 0.5em;
}

p {
  margin: 0 0 1em;
}

button {
  font-family: inherit;
}

a {
  text-decoration: none !important;
}