@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/Inter-Regular.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/fonts/Inter-Medium.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/fonts/Inter-SemiBold.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/fonts/Inter-Bold.woff2") format("woff2");
}

:root {
  --color-surface: #ffffff;
  --color-backdrop: #f6f9fc;
  --color-text: #0a2540;
  --color-text-muted: #697386;
  --color-text-dim: #9aa3ad;
  --color-border: #ececec;
  --color-border-soft: #f0f0f0;
  --color-accent: #635bff;
  --color-accent-tint: #eef0ff;

  --color-success: #28a745; --color-success-tint: #e8f7ed;
  --color-warning: #a37b00; --color-warning-tint: #fff5dc;
  --color-danger:  #c0392b; --color-danger-tint:  #fdecea;

  --font-sans: "Inter", -apple-system, system-ui, sans-serif;
  --fz-xs: 10px; --fz-sm: 11px; --fz-md: 13px;
  --fz-lg: 14px; --fz-xl: 16px;
  --fz-2xl: 20px; --fz-3xl: 24px; --fz-4xl: 28px;

  --sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px;
  --sp-5: 20px; --sp-6: 24px; --sp-8: 32px; --sp-10: 40px;

  --radius-sm: 6px; --radius-md: 10px; --radius-lg: 12px;
  --shadow-sm: 0 1px 2px rgba(10,37,64,0.04);
  --shadow-md: 0 4px 12px rgba(10,37,64,0.06);
}