/* Devmojos integration 1.3. Generated from tokens.json; do not edit values here. */
:root {
  --dm-lime-50: #F5FCDD;
  --dm-lime-300: #E1FF93;
  --dm-lime-500: #C8FF3D;
  --dm-lime-700: #426114;
  --dm-lime-950: #24300D;
  --dm-cyan-50: #ECFCFF;
  --dm-cyan-300: #7DEEFF;
  --dm-cyan-500: #43E7FF;
  --dm-cyan-700: #006B82;
  --dm-cyan-950: #052936;
  --dm-violet-50: #F4EFFF;
  --dm-violet-300: #D4BCFF;
  --dm-violet-500: #B685FF;
  --dm-violet-700: #6A2DC5;
  --dm-violet-950: #24143D;
  --dm-ink: #0B1120;
  --dm-paper: #F5F8FD;
  --dm-white: #FFFFFF;
  --dm-body: #43546A;
  --dm-muted: #BDCADC;
  --dm-line: #CCD7E6;
  --dm-ink-soft: #111B2D;
  --dm-font-heading: "Space Grotesk", Arial, Helvetica, sans-serif;
  --dm-font-heading-weight: 600;
  --dm-font-body: Inter, Arial, Helvetica, sans-serif;
  --dm-font-body-weight: 400;
  --dm-font-email: Arial, Helvetica, sans-serif;
  --dm-font-body-emphasis-weight: 600;
  /* Endpoint sizes are explicit. Component responsive policy belongs to UX. */
  --dm-type-display-mobile: 40px;
  --dm-type-display-desktop: 64px;
  --dm-type-display-line-height: 1.08;
  --dm-type-h1-mobile: 36px;
  --dm-type-h1-desktop: 48px;
  --dm-type-h1-line-height: 1.1;
  --dm-type-h2-mobile: 28px;
  --dm-type-h2-desktop: 36px;
  --dm-type-h2-line-height: 1.15;
  --dm-type-h3-mobile: 23px;
  --dm-type-h3-desktop: 26px;
  --dm-type-h3-line-height: 1.2;
  --dm-type-lead-mobile: 20px;
  --dm-type-lead-desktop: 22px;
  --dm-type-lead-line-height: 1.5;
  --dm-type-body-mobile: 16px;
  --dm-type-body-desktop: 18px;
  --dm-type-body-line-height: 1.6;
  --dm-type-label-mobile: 16px;
  --dm-type-label-desktop: 16px;
  --dm-type-label-line-height: 1.4;
  --dm-type-caption-mobile: 14px;
  --dm-type-caption-desktop: 14px;
  --dm-type-caption-line-height: 1.45;
  --dm-space-4: 4px;
  --dm-space-8: 8px;
  --dm-space-12: 12px;
  --dm-space-16: 16px;
  --dm-space-24: 24px;
  --dm-space-32: 32px;
  --dm-space-48: 48px;
  --dm-space-64: 64px;
  --dm-space-96: 96px;
  /* Reference widths; CSS var() cannot be used directly in @media conditions. */
  --dm-bp-375: 375px;
  --dm-bp-768: 768px;
  --dm-bp-1440: 1440px;
  --dm-content-max: 1200px;
  --dm-radius-control: 6px;
  --dm-radius-card: 12px;
  --dm-focus-width: 3px;
  --dm-focus-offset: 3px;
}
:root, [data-theme="light"] {
  --dm-surface-role: #F5F8FD;
  --dm-card-role: #FFFFFF;
  --dm-text-role: #0B1120;
  --dm-body-role: #43546A;
  --dm-primary-role: #006B82;
  --dm-on-primary-role: #FFFFFF;
  --dm-link-role: #006B82;
  --dm-accent-role: #426114;
  --dm-focus-role: #006B82;
  --dm-border-role: #43546A;
  --dm-primary-hover-role: #00566A;
  --dm-on-primary-hover-role: #FFFFFF;
  --dm-state-error-text: #B42318;
  --dm-state-error-surface: #FFF1F0;
  --dm-state-error-border: #B42318;
  --dm-state-success-text: #086B57;
  --dm-state-success-surface: #E8F7F1;
  --dm-state-success-border: #0B7A63;
  --dm-state-warning-text: #854D0E;
  --dm-state-warning-surface: #FFF8E6;
  --dm-state-warning-border: #A16207;
  --dm-state-info-text: #1D4ED8;
  --dm-state-info-surface: #EFF6FF;
  --dm-state-info-border: #2563EB;
  --dm-state-disabled-text: #5D6572;
  --dm-state-disabled-surface: #E8EDF4;
  --dm-state-disabled-border: #6C7889;
}
[data-theme="dark"] {
  --dm-surface-role: #0B1120;
  --dm-card-role: #111B2D;
  --dm-text-role: #F5F8FD;
  --dm-body-role: #BDCADC;
  --dm-primary-role: #43E7FF;
  --dm-on-primary-role: #0B1120;
  --dm-link-role: #43E7FF;
  --dm-accent-role: #C8FF3D;
  --dm-focus-role: #43E7FF;
  --dm-border-role: #BDCADC;
  --dm-primary-hover-role: #7DEEFF;
  --dm-on-primary-hover-role: #0B1120;
  --dm-state-error-text: #FFB4AB;
  --dm-state-error-surface: #351A22;
  --dm-state-error-border: #FF8077;
  --dm-state-success-text: #8CE8C7;
  --dm-state-success-surface: #0D302A;
  --dm-state-success-border: #3FC69E;
  --dm-state-warning-text: #FFD58A;
  --dm-state-warning-surface: #332814;
  --dm-state-warning-border: #E9AD4B;
  --dm-state-info-text: #A8C7FF;
  --dm-state-info-surface: #142742;
  --dm-state-info-border: #76A9FF;
  --dm-state-disabled-text: #A4ACBA;
  --dm-state-disabled-surface: #202A3A;
  --dm-state-disabled-border: #748096;
}

@font-face {
  font-family: "Space Grotesk";
  src: url("/fonts/SpaceGrotesk-variable.woff2?v=788cd58cf4") format("woff2");
  font-weight: 300 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("/fonts/Inter-variable.woff2?v=4a6c542074") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}