:root {
  --it-color-on-primary-fixed: #21005d;
  --it-color-text: var(--it-color-on-primary-fixed);
  --it-color-text-strong: #12002e;
  --it-color-text-muted: #33206f;
  --it-color-link: #0d5cff;
  --it-color-link-hover: #003dcc;
  --it-color-page: #ffffff;
  --it-color-surface-soft: #f3f6fb;
  --it-color-surface-card: #ffffff;
  --it-color-surface-panel: #f4f6f9;
  --it-color-surface-info: #dfe8ff;
  --it-color-managed-bg: #dbe7ff;
  --it-color-login-title: #0b3156;
  --it-color-login-muted: #727272;
  --it-color-login-link: #d96c13;
  --it-color-login-gradient-start: #9cd4f0;
  --it-color-login-gradient-end: #add136;
  --Surface-surface-primary: #0046FF;
  --Surface-surface-low-1: #E6EDFF;
  --Surface-surface-lowest-2: #E6EDFF;
  --Surface-surface-secondary-low: #FFF5E5;
  --Surface-surface-inverted: #FFFFFF;
  --backgrounds-grouped-primary-elevated: #F2F2F7;
  --color-status-success-200: #B2EDD6;
  --color-brand-50: #F6F6F8;
  --color-brand-alpha-300: rgba(0, 0, 46, 0.3);
  --color-white-alpha-950: #FFFFFF;
  --ECEffectElevation05: rgba(0, 0, 0, 0.04);
  --ECEffectElevation01: rgba(11, 49, 86, 0.05);
  --Fills---Vibrant-Secondary: #E0E0E0;
  --Border-border-grey-lowest: #EDEDF0;
  --Border-border-grey-medium: #84849B;
  --Border-border-medium: #5987FF;
  --effectelevation1: rgba(0, 0, 0, 0.05);
  --it-color-primary-navy: #0B3156;
  --it-color-text-dark: #00002E;
  --it-color-text-secondary: #475569;
  --it-color-text-muted-slate: #696984;
  --it-color-text-light: #86869B;
  --it-color-border-light: #D1D9F1;
  --it-color-border-subtle: #E2E8F0;
  --it-color-warning-amber: #B45309;
  --it-color-badge-tech-bg: #FFF4E5;
  --it-color-badge-tech-text: #C25E00;
  --it-color-badge-tech-border: #FFD8A8;
  --it-color-badge-country-bg: #F1F5F9;
  --it-color-badge-country-text: #334155;
  --it-color-ticket-bg: #ECFDF5;
  --it-color-ticket-text: #047857;
  --it-color-ticket-border: #A7F3D0;
  --it-color-accent-amber: #F6A338;
  --it-color-accent-amber-hover: #e8952b;
  --it-color-dashboard-nav: #010033;
  --it-color-dashboard-nav-active: #ffffff;
  --it-color-dashboard-bg: #f4f6f9;
  --it-color-dashboard-primary: var(--Surface-surface-primary, #0046FF);
  --it-color-dashboard-primary-hover: #003dcc;
  --it-color-dashboard-text-muted: #86869b;
  --it-color-dashboard-divider: #d1d9f1;
  --it-color-dashboard-badge-muted-bg: #ededf0;
  --it-color-dashboard-badge-muted-text: #696984;
  --it-color-route-warning-bg: #fff3e5;
  --it-color-route-warning-text: #8a4d14;
  --it-color-route-note-bg: #e5ecff;
  --it-color-route-meter-track: #d8e1f5;
  --it-color-answer-selected-bg: #acebd9;
  --it-color-answer-selected-border: #63b69f;
  --it-color-status-complete: #17b84f;
  --it-color-border: #d9e2f2;
  --it-color-border-neutral: #d1d9f1;
  --it-color-input-border: #9da3b7;
  --it-color-border-strong: #a9b6d1;
  --it-color-accent: #ffb950;
  --it-color-accent-hover: #f0a93a;
  --it-color-accent-line: #ff8a20;
  --Accents-Orange: #FF8D28;
  --it-color-accent-orange: var(--Accents-Orange);
  --Text-Body-Text: #3C4243;
  --it-color-text-body: var(--Text-Body-Text);
  --Text-Heading-Text: #CD6F15;
  --it-color-heading-text: var(--Text-Heading-Text);
  --it-color-badge-bg: #E6EDFF;
  --it-color-badge-text: #0046FF;
  --it-color-focus: #0d5cff;
  --it-color-danger: #DC2626;
  --it-color-danger-bg: #FEF2F2;
  --it-color-danger-border: #F87171;
  --it-color-danger-dark: #991B1B;
  --it-color-danger-text: #B91C1C;
  --it-color-danger-badge-bg: #FEE2E2;
  --it-color-success: #15803D;
  --it-color-success-bg: #E8F5E9;
  --it-color-success-border: #A5D6A7;
  --it-color-success-text: #2E7D32;
  --it-color-border-blue-subtle: #C2D6FF;
  --it-color-bg-light-blue: #F0F5FF;
  --it-color-track-neutral: #E5E5EA;
  --it-color-black: #000000;
  --it-color-white: #FFFFFF;
  --it-color-slate-500: #64748B;
  --it-color-slate-400: #94A3B8;
  --it-color-slate-300: #CBD5E1;
  --it-color-gray-dark: #49454F;
  --it-color-shadow: rgba(20, 32, 64, 0.12);
  --it-color-shadow-strong: rgba(20, 32, 64, 0.16);
  --it-color-login-shadow: rgba(11, 49, 86, 0.06);
  --it-color-dashboard-shadow: rgba(11, 49, 86, 0.08);
  --it-color-modal-backdrop: rgba(0, 0, 46, 0.5);

  --it-font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --it-font-family-poppins: Poppins, var(--it-font-family);
  --it-font-size-title-page-base: 48px;
  --it-line-height-title-page-base: 1.2;
  --it-letter-spacing-title-page-base: -0.02em;
  --it-font-size-heading-base: 24px;
  --it-line-height-heading-base: 1.2;
  --it-letter-spacing-heading-base: -0.02em;
  --it-font-size-body-medium: 16px;
  --it-line-height-body-medium: 1.4;
  --it-font-size-badge: 14px;
  --it-line-height-badge: 1.2;
  --it-font-size-button: 16px;
  --it-line-height-button: 1.5;
  --it-font-size-card-meta: 14px;
  --it-line-height-card-meta: 1.25;
  --it-font-size-card-title: 24px;
  --it-line-height-card-title: 1.25;
  --it-font-size-card-body: 16px;
  --it-line-height-card-body: 1.4;
  --it-font-size-login-title: 24px;
  --it-line-height-login-title: 1;
  --it-font-size-login-body: 16px;
  --it-line-height-login-body: 1;
  --it-container: 1280px;
  --it-container-padding-x: 84px;
  --it-space-2xs: 4px;
  --it-space-xs: 8px;
  --it-space-s: 12px;
  --it-space-m: 16px;
  --it-space-l: 24px;
  --it-space-xl: 32px;
  --it-space-2xl: 48px;
  --it-space-3xl: 80px;
  --it-hero-copy-width: 593.8269653320312px;
  --it-match-card-width: 445px;
  --it-match-card-height: 328px;
  --it-methodology-padding-x: 84px;
  --it-methodology-gap: 32px;
  --it-method-card-width: 620px;
  --it-method-card-height: 364.0000915527344px;
  --it-method-card-padding: 18px;
  --it-login-card-width: 642px;
  --it-login-card-min-height: 626px;
  --it-login-card-padding: 22px;
  --it-login-card-gap: 32px;
  --it-login-banner-height: 116px;
  --it-login-banner-padding-x: 72px;
  --it-login-logo-width: 177.50128173828125px;
  --it-login-logo-height: 57.93925857543945px;
  --it-input-height: 48px;
  --it-input-padding: 12px;
  --it-dashboard-padding-x: 32px;
  --it-dashboard-padding-y: 32px;
  --it-dashboard-card-min-height: 203px;
  --it-dashboard-row-padding: 18px;
  --it-project-form-width: 768px;
  --it-project-form-active-width: 620px;
  --it-project-form-padding: 22px;
  --it-project-form-gap: 24px;
  --it-project-form-textarea-height: 132px;
  --it-routes-panel-width: 620px;
  --it-radius-xs: 2px;
  --it-radius-s: 4px;
  --it-radius-m: 8px;
  --it-shadow-card: 0 8px 24px var(--it-color-shadow);
  --it-shadow-card-strong: 0 14px 36px var(--it-color-shadow-strong);
}