/* Generated by design/build_tokens.py from tokens.json. Do not edit by hand. */
:root {
  --vm-color-canvas: #f4f7f8;
  --vm-color-surface: #ffffff;
  --vm-color-surface-raised: #ffffff;
  --vm-color-surface-muted: #e9eff1;
  --vm-color-text: #172b34;
  --vm-color-text-secondary: #52636b;
  --vm-color-text-disabled: #626e74;
  --vm-color-border: #cdd9dd;
  --vm-color-border-control: #74838a;
  --vm-color-accent: #a64f2a;
  --vm-color-accent-strong: #863d1e;
  --vm-color-accent-subtle: #d9eced;
  --vm-color-on-accent-subtle: #174951;
  --vm-color-mint: #bddbdf;
  --vm-color-mint-subtle: #e4eff0;
  --vm-color-on-mint: #172b34;
  --vm-color-action: #006c78;
  --vm-color-action-hover: #005965;
  --vm-color-action-pressed: #004954;
  --vm-color-on-action: #ffffff;
  --vm-color-selection: #c3e1e4;
  --vm-color-on-selection: #173e47;
  --vm-color-focus: #006c78;
  --vm-color-success: #315e45;
  --vm-color-success-subtle: #e6efe8;
  --vm-color-on-success: #ffffff;
  --vm-color-warning: #74551c;
  --vm-color-warning-subtle: #f6edd8;
  --vm-color-on-warning: #ffffff;
  --vm-color-danger: #9d3333;
  --vm-color-danger-subtle: #f9e9e7;
  --vm-color-on-danger: #ffffff;
  --vm-color-inverse: #172b34;
  --vm-color-on-inverse: #f4f7f8;
  --vm-color-on-inverse-secondary: #c4d7dc;
  --vm-color-graph-node: #d9eced;
  --vm-color-graph-node-secondary: #e9eff1;
  --vm-color-graph-edge: #52636b;
  --vm-color-graph-label: #172b34;
  --vm-color-feature-surface: #172b34;
  --vm-color-on-feature: #f4f7f8;
  --vm-color-feature-secondary: #c4d7dc;
  --vm-color-feature-accent: #8ed3d6;
  --vm-color-feature-line: #748e95;
  --vm-color-feature-chip: #2b4d57;
  --vm-color-on-feature-chip: #f4f7f8;
  --vm-font-ui: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --vm-font-editorial: Georgia, 'Times New Roman', serif;
  --vm-font-mono: ui-monospace, SFMono-Regular, Consolas, monospace;
  --vm-type-display-size: 4rem;
  --vm-type-display-line-height: 1.1;
  --vm-type-display-weight: 550;
  --vm-type-display-tracking: -0.045em;
  --vm-type-editorial-heading-size: 2.5rem;
  --vm-type-editorial-heading-line-height: 1.15;
  --vm-type-editorial-heading-weight: 550;
  --vm-type-editorial-heading-tracking: -0.035em;
  --vm-type-screen-title-size: 1.75rem;
  --vm-type-screen-title-line-height: 1.2;
  --vm-type-screen-title-weight: 600;
  --vm-type-screen-title-tracking: -0.015em;
  --vm-type-section-title-size: 1.25rem;
  --vm-type-section-title-line-height: 1.3;
  --vm-type-section-title-weight: 600;
  --vm-type-section-title-tracking: -0.01em;
  --vm-type-body-size: 1rem;
  --vm-type-body-line-height: 1.55;
  --vm-type-body-weight: 400;
  --vm-type-body-tracking: 0em;
  --vm-type-body-small-size: 0.875rem;
  --vm-type-body-small-line-height: 1.5;
  --vm-type-body-small-weight: 400;
  --vm-type-body-small-tracking: 0em;
  --vm-type-label-size: 0.875rem;
  --vm-type-label-line-height: 1.4;
  --vm-type-label-weight: 600;
  --vm-type-label-tracking: 0em;
  --vm-type-caption-size: 0.75rem;
  --vm-type-caption-line-height: 1.5;
  --vm-type-caption-weight: 400;
  --vm-type-caption-tracking: 0em;
  --vm-type-evidence-size: 1.0625rem;
  --vm-type-evidence-line-height: 1.6;
  --vm-type-evidence-weight: 400;
  --vm-type-evidence-tracking: 0em;
  --vm-type-overline-size: 0.75rem;
  --vm-type-overline-line-height: 1.4;
  --vm-type-overline-weight: 600;
  --vm-type-overline-tracking: 0.08em;
  --vm-space-1: 4px;
  --vm-space-2: 8px;
  --vm-space-3: 12px;
  --vm-space-4: 16px;
  --vm-space-5: 20px;
  --vm-space-6: 24px;
  --vm-space-8: 32px;
  --vm-space-10: 40px;
  --vm-space-12: 48px;
  --vm-space-16: 64px;
  --vm-space-20: 80px;
  --vm-space-24: 96px;
  --vm-radius-small: 4px;
  --vm-radius-control: 6px;
  --vm-radius-card: 8px;
  --vm-radius-panel: 10px;
  --vm-radius-tile: 12px;
  --vm-radius-pill: 999px;
  --vm-size-target-min: 44px;
  --vm-size-target-comfortable: 48px;
  --vm-size-target-watch: 48px;
  --vm-size-target-gap: 8px;
  --vm-size-icon-small: 16px;
  --vm-size-icon: 20px;
  --vm-size-icon-large: 24px;
  --vm-size-mark-min: 16px;
  --vm-size-mark-header: 36px;
  --vm-size-reading-measure: 66ch;
  --vm-state-focus-ring-width: 3px;
  --vm-state-focus-ring-offset: 3px;
  --vm-state-selected-border-width: 2px;
  --vm-motion-instant: 0ms;
  --vm-motion-fast: 120ms;
  --vm-motion-normal: 180ms;
  --vm-motion-slow: 240ms;
  --vm-motion-reduced-duration: 0ms;
  --vm-motion-ease: cubic-bezier(0.2, 0, 0, 1);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-vm-theme="light"]) {
    --vm-color-canvas: #20231f;
    --vm-color-surface: #292e28;
    --vm-color-surface-raised: #30362e;
    --vm-color-surface-muted: #262d24;
    --vm-color-text: #f0f0e7;
    --vm-color-text-secondary: #bfc7b9;
    --vm-color-text-disabled: #adb8a7;
    --vm-color-border: #515b4c;
    --vm-color-border-control: #8c9887;
    --vm-color-accent: #80c4ba;
    --vm-color-accent-strong: #a6dbd2;
    --vm-color-accent-subtle: #3a4437;
    --vm-color-on-accent-subtle: #f0f0e7;
    --vm-color-mint: #80c4ba;
    --vm-color-mint-subtle: #293f36;
    --vm-color-on-mint: #20231f;
    --vm-color-action: #dfc681;
    --vm-color-action-hover: #ecd69a;
    --vm-color-action-pressed: #d0b66e;
    --vm-color-on-action: #20231f;
    --vm-color-selection: #485441;
    --vm-color-on-selection: #f0f0e7;
    --vm-color-focus: #dfc681;
    --vm-color-success: #a7cfb6;
    --vm-color-success-subtle: #263e34;
    --vm-color-on-success: #193222;
    --vm-color-warning: #e6c581;
    --vm-color-warning-subtle: #44371f;
    --vm-color-on-warning: #33250c;
    --vm-color-danger: #eeada0;
    --vm-color-danger-subtle: #49302c;
    --vm-color-on-danger: #3b201b;
    --vm-color-inverse: #f0f0e7;
    --vm-color-on-inverse: #20231f;
    --vm-color-on-inverse-secondary: #52604b;
    --vm-color-graph-node: #3a4437;
    --vm-color-graph-node-secondary: #31392f;
    --vm-color-graph-edge: #b3bead;
    --vm-color-graph-label: #f0f0e7;
    --vm-color-feature-surface: #30392e;
    --vm-color-on-feature: #f0f0e7;
    --vm-color-feature-secondary: #bfc7b9;
    --vm-color-feature-accent: #dfc681;
    --vm-color-feature-line: #8c9887;
    --vm-color-feature-chip: #46513e;
    --vm-color-on-feature-chip: #f0f0e7;
  }
}

:root[data-vm-theme="dark"] {
  --vm-color-canvas: #20231f;
  --vm-color-surface: #292e28;
  --vm-color-surface-raised: #30362e;
  --vm-color-surface-muted: #262d24;
  --vm-color-text: #f0f0e7;
  --vm-color-text-secondary: #bfc7b9;
  --vm-color-text-disabled: #adb8a7;
  --vm-color-border: #515b4c;
  --vm-color-border-control: #8c9887;
  --vm-color-accent: #80c4ba;
  --vm-color-accent-strong: #a6dbd2;
  --vm-color-accent-subtle: #3a4437;
  --vm-color-on-accent-subtle: #f0f0e7;
  --vm-color-mint: #80c4ba;
  --vm-color-mint-subtle: #293f36;
  --vm-color-on-mint: #20231f;
  --vm-color-action: #dfc681;
  --vm-color-action-hover: #ecd69a;
  --vm-color-action-pressed: #d0b66e;
  --vm-color-on-action: #20231f;
  --vm-color-selection: #485441;
  --vm-color-on-selection: #f0f0e7;
  --vm-color-focus: #dfc681;
  --vm-color-success: #a7cfb6;
  --vm-color-success-subtle: #263e34;
  --vm-color-on-success: #193222;
  --vm-color-warning: #e6c581;
  --vm-color-warning-subtle: #44371f;
  --vm-color-on-warning: #33250c;
  --vm-color-danger: #eeada0;
  --vm-color-danger-subtle: #49302c;
  --vm-color-on-danger: #3b201b;
  --vm-color-inverse: #f0f0e7;
  --vm-color-on-inverse: #20231f;
  --vm-color-on-inverse-secondary: #52604b;
  --vm-color-graph-node: #3a4437;
  --vm-color-graph-node-secondary: #31392f;
  --vm-color-graph-edge: #b3bead;
  --vm-color-graph-label: #f0f0e7;
  --vm-color-feature-surface: #30392e;
  --vm-color-on-feature: #f0f0e7;
  --vm-color-feature-secondary: #bfc7b9;
  --vm-color-feature-accent: #dfc681;
  --vm-color-feature-line: #8c9887;
  --vm-color-feature-chip: #46513e;
  --vm-color-on-feature-chip: #f0f0e7;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --vm-motion-fast: 0ms;
    --vm-motion-normal: 0ms;
    --vm-motion-slow: 0ms;
  }
}