:root {
  --mat-sys-primary: #005cbb;
  --mat-sys-on-primary: #ffffff;
  --mat-sys-secondary: #3b5ba9;
  --mat-sys-on-secondary: #ffffff;
  --mat-sys-tertiary: #3b5ba9;
  --mat-sys-on-tertiary: #ffffff;
  --mat-sys-background: #faf9fd;
  --mat-sys-on-background: #1a1b1f;
  --mat-sys-surface: #ffffff;
  --mat-sys-on-surface: #1a1b1f;
  --mat-sys-on-surface-variant: #5a5b5e;
  --mat-sys-outline: color-mix(in srgb, var(--mat-sys-on-surface) 45%, var(--mat-sys-surface));
  --mat-sys-outline-variant: #d6d6d7;
  --mat-sys-primary-container: #d6e5f4;
  --mat-sys-on-primary-container: var(--mat-sys-on-surface);
  --mat-sys-secondary-container: #e0e5f1;
  --mat-sys-on-secondary-container: var(--mat-sys-on-surface);
  --mat-sys-surface-container: #f4f4f4;
  --mat-sys-surface-container-low: #f8f8f8;
  --mat-sys-surface-container-high: #ededed;
  --mat-sys-surface-container-highest: #e6e6e6;
  --fp-link: #005cbb;
  --fp-topbar-background: #ffffff;
  --fp-topbar-text: #1a1b1f;
  --fp-topbar-accent: #005cbb;
  --fp-topbar-muted: #5a5b5e;
  --fp-nav-background: #ffffff;
  --fp-nav-text: #1a1b1f;
  --fp-nav-accent: #005cbb;
  --fp-nav-muted: #5a5b5e;
  --fp-font-body: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --fp-font-heading: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --mat-sys-body-large-font: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --mat-sys-body-medium-font: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --mat-sys-body-small-font: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --mat-sys-label-large-font: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --mat-sys-label-medium-font: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --mat-sys-label-small-font: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --mat-sys-display-large-font: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --mat-sys-display-medium-font: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --mat-sys-display-small-font: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --mat-sys-headline-large-font: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --mat-sys-headline-medium-font: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --mat-sys-headline-small-font: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --mat-sys-title-large-font: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --mat-sys-title-medium-font: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --mat-sys-title-small-font: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --fp-heading-weight: 600;
  --fp-font-size-xs: 12px;
  --fp-font-size-sm: 14px;
  --fp-font-size-md: 16px;
  --fp-font-size-lg: 20px;
  --fp-font-size-xl: 24px;
  --fp-font-size-2xl: 32px;
  --fp-radius-sm: 6px;
  --fp-radius-md: 8px;
  --fp-radius-lg: 12px;
  --fp-elevation-1: 0 1px 2px rgb(16 24 40 / 6%), 0 1px 3px rgb(16 24 40 / 10%);
  --fp-elevation-2: 0 4px 8px -2px rgb(16 24 40 / 10%), 0 2px 4px -2px rgb(16 24 40 / 6%);
  --fp-elevation-3: 0 12px 16px -4px rgb(16 24 40 / 8%), 0 4px 6px -2px rgb(16 24 40 / 3%);
  --fp-space-1: 4px;
  --fp-space-2: 8px;
  --fp-space-3: 16px;
  --fp-space-4: 24px;
  --fp-space-5: 32px;
  --fp-space-6: 40px;
  --fp-space-7: 48px;
  --fp-space-8: 64px;
  --fp-content-width: 1200px;
  --fp-nav-width: 256px;
  --fp-logo-height: 40px;
}
