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

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

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

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

.scalar-app {
  --scalar-font: Inter, ui-sans-serif, system-ui, sans-serif;
  --scalar-font-code: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

.light-mode {
  --scalar-color-1: #101828;
  --scalar-color-2: #475467;
  --scalar-color-3: #667085;
  --scalar-color-accent: #6141db;
  --scalar-background-1: #ffffff;
  --scalar-background-2: #f9fafb;
  --scalar-background-3: #f2f4f7;
  --scalar-background-accent: #6141db1f;
  --scalar-border-color: #eaecf0;
  --scalar-button-1: #6141db;
  --scalar-button-1-hover: #573bc5;
  --scalar-button-1-color: #ffffff;
}

.dark-mode {
  --scalar-color-1: #f9fafb;
  --scalar-color-2: #d0d5dd;
  --scalar-color-3: #98a2b3;
  --scalar-color-accent: #9b8afb;
  --scalar-background-1: #0c111d;
  --scalar-background-2: #101828;
  --scalar-background-3: #1d2939;
  --scalar-background-accent: #9b8afb24;
  --scalar-border-color: #344054;
  --scalar-button-1: #6d54da;
  --scalar-button-1-hover: #9b8afb;
  --scalar-button-1-color: #ffffff;
}