:root {
  --mat-sys-body-medium-font: 'Mulish', sans-serif;
  --mat-sys-body-medium-line-height: 1.6;
  --mat-sys-body-medium-size: 0.875rem;
  --mat-sys-body-medium-weight: 500;

  --ymv-font-body: var(--mat-sys-body-medium-weight) var(--mat-sys-body-medium-size) / var(--mat-sys-body-medium-line-height) var(--mat-sys-body-medium-font);
  --ymv-text-color-subtle: light-dark(#5b5e65, #a8abb2);

  --ymv-surface: light-dark(#f8f9ff, #101419);
  --ymv-outline-variant: light-dark(#e0e2ea, #2d3136);
  --ymv-surface-frame: light-dark(#ebeef5, #1c2025);
  --ymv-primary: light-dark(#13629d, #9ccaff);
  --ymv-current-background: light-dark(#ebeef5, #1c2025);
  --ymv-hover-background: light-dark(#f1f3fb, #181c21);
  --ymv-text-color: light-dark(#181c21, #e0e2ea);
  --ymv-success: light-dark(#006b54, #9ee3b5);
  --ymv-progress-color: light-dark(hsl(290, 88%, 67%), #ad2c98);
  --ymv-progress-blend-color: light-dark(hsl(290, 88%, 67%), #ad2c98);

  --ymv-spacing-xs: 0.5rem;
  --ymv-sizing-3xs: 0.25rem;
  --ymv-sizing-s: 1.25rem;
  --ymv-sizing-l: 1.75rem;

  --ymv-border-radius: 0%;
  --ymv-corner-xs: 4px;

  --ymv-font-subhead: 700 0.875rem / 1.4 sans-serif;
  --ymv-icon-color: light-dark(#181c21, #e0e2ea);
  --ymv-icon-color-disabled: light-dark(#7e868f, #a8adb4);

  --ymv-font-body-subtle: 400 0.75rem / 1.6 Roboto;
  --ymv-spacing-l: 1.25rem;
  --ymv-spacing-xs: 0.5rem;
  --ymv-spacing-2xs: 0.25rem;
  --ymv-spacing-xl: 1.5rem;
  --ymv-outline-width: 1px;
  --ymv-outline-variant: light-dark(#e0e2ea, #1c2025);
  --ymv-spacing-xs: 0.5rem;
  --ymv-sizing-5xl: 3rem;
  --ymv-text-color: light-dark(#181c21, #e0e2ea);
  --ymv-spacing-s: 0.75rem;
  --ymv-surface-container-lowest: light-dark(#ffffff, #0b0e14);
  --ymv-text-color-subtle: light-dark(#5b5e65, #a8abb2);
  --ymv-outline: light-dark(#74777e, #8e9198);
  --ymv-corner-full: 9999px;
  --ymv-surface-container: light-dark(#ebeef5, #1c2025);
  --ymv-text-color-primary: light-dark(#005ac4, #aec6ff);
  --ymv-font-body-subtle-size: 0.75rem;
  --ymv-hover-background: light-dark(#f1f3fb, #181c21);
  --ymv-spacing-m: 1rem;
  --ymv-primary: light-dark(#005ac4, #aec6ff);
  --ymv-spacing-3xl: 3rem;
  --ymv-on-warning-container: light-dark(#453b00, #f7ecad);
  --ymv-warning-container: light-dark(#f7ecad, #453b00);
}