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

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

:root {
  --color-primary: #2D23E8;
  --color-primary-hover: #241CBF;
  --color-primary-pressed: #1B1594;
  --color-primary-surface: rgb(45 35 232 / 10%);
  --color-on-primary: #FFFFFF;
  --color-background: #EBEFF3;
  --color-surface: #FFFFFF;
  --color-text: rgb(0 0 0 / 64%);
  --color-text-highlight: #1D1E1F;
  --color-text-muted: rgb(0 0 0 / 60%);
  --color-border: rgb(0 0 0 / 8%);
  --color-border-strong: #5E6C7A;
  --color-focus: #2D23E8;
  --color-disabled: #8FA1B4;
  --color-disabled-surface: #E5EFF8;
  --color-info: #0054F5;
  --color-info-surface: #F0F5FF;
  --color-info-text: #003FB8;
  --color-success: #00825B;
  --color-success-surface: #DCFFF4;
  --color-success-text: #005F42;
  --color-warning: #F56800;
  --color-warning-surface: #FFF4EB;
  --color-warning-text: #8F3D00;
  --color-danger: #E1244C;
  --color-danger-hover: #AB1737;
  --color-danger-pressed: #710F24;
  --color-danger-surface: #FDF0F3;
  --color-danger-text: #AB1737;
  --color-on-danger: #FFFFFF;
  --background-page: #EBEFF3;
  --background-header: #FFFFFF;
  --background-login: #EBEFF3;
  --radius-s: 0.25rem;
  --radius-m: 0.5rem;
  --radius-l: 1rem;
  --radius-xl: 2rem;
  --space-xs: 0.25rem;
  --space-s: 0.5rem;
  --space-m: 1rem;
  --space-l: 1.5rem;
  --space-xl: 2rem;
  --space-xxl: 4rem;
  --logo-height: 2rem;
  --font-family-body: Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-family-headline: Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-family-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", "DejaVu Sans Mono", monospace;
  --font-weight-medium: 500;
  --font-weight-bold: 700;
  --line-height: 1.5;
  --line-height-single: 1.25;
  --line-height-heading: 1;
  --font-size-text-s: 0.875rem;
  --font-size-text-m: 1rem;
  --font-size-heading-s: 1.125rem;
  --font-size-heading-m: 1.25rem;
  --font-size-heading-l: 1.5rem;
  --font-size-heading-xl: 2.25rem;
  --shadow-content: 0 2px 4px rgb(0 0 0 / 12.5%);
  --shadow-overlay: 0 8px 16px rgb(0 0 0 / 12.5%);
}