:root {
  color-scheme: dark;

  --md-ref-typeface-plain: Inter, "SF Pro Display", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --md-ref-typeface-brand: Inter, "SF Pro Display", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  --md-sys-color-background: #141218;
  --md-sys-color-on-background: #e6e0e9;
  --md-sys-color-surface: #141218;
  --md-sys-color-surface-dim: #141218;
  --md-sys-color-surface-bright: #3b383e;
  --md-sys-color-surface-container-lowest: #0f0d13;
  --md-sys-color-surface-container-low: #1d1b20;
  --md-sys-color-surface-container: #211f26;
  --md-sys-color-surface-container-high: #2b2930;
  --md-sys-color-surface-container-highest: #36343b;
  --md-sys-color-on-surface: #e6e0e9;
  --md-sys-color-on-surface-variant: #cac4d0;
  --md-sys-color-outline: #938f99;
  --md-sys-color-outline-variant: #49454f;
  --md-sys-color-inverse-surface: #e6e0e9;
  --md-sys-color-inverse-on-surface: #322f35;

  --md-sys-color-primary: #a8c7fa;
  --md-sys-color-on-primary: #0b305f;
  --md-sys-color-primary-container: #214f83;
  --md-sys-color-on-primary-container: #d6e3ff;
  --md-sys-color-secondary: #c4c6d0;
  --md-sys-color-on-secondary: #2d3038;
  --md-sys-color-secondary-container: #44474f;
  --md-sys-color-on-secondary-container: #e0e2ec;
  --md-sys-color-tertiary: #a8c7fa;
  --md-sys-color-on-tertiary: #0b305f;
  --md-sys-color-tertiary-container: #214f83;
  --md-sys-color-on-tertiary-container: #d6e3ff;
  --md-sys-color-error: #ffb4ab;
  --md-sys-color-on-error: #690005;
  --md-sys-color-error-container: #93000a;
  --md-sys-color-on-error-container: #ffdad6;

  --md-sys-state-hover-opacity: .08;
  --md-sys-state-focus-opacity: .12;
  --md-sys-state-pressed-opacity: .12;
  --md-sys-state-dragged-opacity: .16;
  --md-sys-motion-duration-short2: 200ms;
  --md-sys-motion-duration-medium1: 250ms;
  --md-sys-motion-easing-standard: cubic-bezier(.2, 0, 0, 1);
  --md-sys-motion-easing-emphasized: cubic-bezier(.2, 0, 0, 1);

  --md-sys-spacing-1: 4px;
  --md-sys-spacing-2: 8px;
  --md-sys-spacing-3: 12px;
  --md-sys-spacing-4: 16px;
  --md-sys-spacing-5: 24px;
  --md-sys-spacing-6: 32px;
  --md-sys-spacing-7: 40px;
  --md-sys-spacing-8: 48px;

  --md-sys-layout-compact-margin: 16px;
  --md-sys-layout-compact-gutter: 8px;
  --md-sys-layout-compact-columns: 4;
  --md-sys-layout-medium-margin: 24px;
  --md-sys-layout-medium-gutter: 16px;
  --md-sys-layout-medium-columns: 8;
  --md-sys-layout-expanded-margin: 24px;
  --md-sys-layout-expanded-gutter: 24px;
  --md-sys-layout-expanded-columns: 12;

  --md-sys-shape-corner-extra-small: 4px;
  --md-sys-shape-corner-small: 8px;
  --md-sys-shape-corner-medium: 12px;
  --md-sys-shape-corner-large: 16px;
  --md-sys-shape-corner-extra-large: 28px;
  --md-sys-shape-corner-full: 999px;

  --md-comp-card-container-shape: var(--md-sys-shape-corner-extra-large);
  --md-comp-card-container-color: var(--md-sys-color-surface-container);
  --md-comp-card-container-elevation: var(--md-sys-elevation-level1);
  --md-comp-card-hover-state-layer-opacity: var(--md-sys-state-hover-opacity);
  --md-comp-filter-chip-container-height: 32px;
  --md-comp-filter-chip-container-shape: var(--md-sys-shape-corner-small);
  --md-comp-segmented-button-container-height: 40px;
  --md-comp-tab-container-height: 48px;

  --md-sys-elevation-level0: none;
  --md-sys-elevation-level1: 0 1px 2px rgba(0, 0, 0, .30), 0 1px 3px 1px rgba(0, 0, 0, .15);
  --md-sys-elevation-level2: 0 1px 2px rgba(0, 0, 0, .30), 0 2px 6px 2px rgba(0, 0, 0, .15);
  --md-sys-elevation-level3: 0 4px 8px 3px rgba(0, 0, 0, .15), 0 1px 3px rgba(0, 0, 0, .30);
  --md-sys-elevation-level4: 0 6px 10px 4px rgba(0, 0, 0, .15), 0 2px 3px rgba(0, 0, 0, .30);
  --md-sys-elevation-level5: 0 8px 12px 6px rgba(0, 0, 0, .15), 0 4px 4px rgba(0, 0, 0, .30);

  --md-sys-typescale-display-small-size: 36px;
  --md-sys-typescale-display-small-line-height: 44px;
  --md-sys-typescale-headline-large-size: 32px;
  --md-sys-typescale-headline-large-line-height: 40px;
  --md-sys-typescale-headline-medium-size: 28px;
  --md-sys-typescale-headline-medium-line-height: 36px;
  --md-sys-typescale-title-large-size: 22px;
  --md-sys-typescale-title-large-line-height: 28px;
  --md-sys-typescale-title-medium-size: 16px;
  --md-sys-typescale-title-medium-line-height: 24px;
  --md-sys-typescale-body-large-size: 16px;
  --md-sys-typescale-body-large-line-height: 24px;
  --md-sys-typescale-body-medium-size: 14px;
  --md-sys-typescale-body-medium-line-height: 20px;
  --md-sys-typescale-body-small-size: 12px;
  --md-sys-typescale-body-small-line-height: 16px;
  --md-sys-typescale-label-large-size: 14px;
  --md-sys-typescale-label-large-line-height: 20px;
  --md-sys-typescale-label-medium-size: 12px;
  --md-sys-typescale-label-medium-line-height: 16px;
  --md-sys-typescale-label-small-size: 11px;
  --md-sys-typescale-label-small-line-height: 16px;

  --mh-chart-positive: #a8c7fa;
  --mh-chart-positive-alt: #a8c7fa;
  --mh-chart-negative: #ffb4ab;
  --mh-chart-neutral: #cac4d0;
  --mh-risk-ok: #9adbad;
  --mh-risk-warning: #e8c46c;
  --mh-risk-blocked: #ffb4ab;
}