/* Generated from VMS tokens v0.1.0. Do not edit: change tokens in Figma or tokens/ and rebuild. */
:root {
  --spacing-0: 0px;
  --spacing-4: 4px;
  --spacing-8: 8px;
  --spacing-12: 12px;
  --spacing-16: 16px;
  --spacing-20: 20px;
  --spacing-24: 24px;
  --spacing-32: 32px;
  --spacing-40: 40px;
  --spacing-48: 48px;
  --radius-0: 0px;
  --radius-4: 4px;
  --radius-8: 8px;
  --radius-12: 12px;
  --radius-16: 16px;
  --radius-full: 9999px;
  --color-primary-500: #f0b100;
  --color-primary-dark: #fbb813;
  --color-neutral-300: #d1d5dc;
  --color-neutral-400: #99a1af;
  --color-neutral-700: #364153;
  --color-red-600: #e7000b;
  --color-green-600: #00a63e;
  --color-base-overlay-25: #07101840;
  --color-base-overlay-50: #07101880;
  --color-text-default: #364153;
  --color-text-subtle: #99a1af;
  --color-border-default: #d1d5dc;
  --color-action-primary: #f0b100;
  --color-feedback-error: #e7000b;
  --color-feedback-success: #00a63e;
  --color-overlay-default: #07101880;
  --color-overlay-subtle: #07101840;
  --typography-xs-medium: 500 10px/12px Inter;
  --typography-base-regular: 400 14px/20px Inter;
}

[data-theme="dark"] {
  --color-text-default: #d1d5dc;
  --color-text-subtle: #99a1af;
  --color-border-default: #364153;
  --color-action-primary: #fbb813;
  --color-feedback-error: #e7000b;
  --color-feedback-success: #00a63e;
  --color-overlay-default: #07101880;
  --color-overlay-subtle: #07101840;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --color-text-default: #d1d5dc;
    --color-text-subtle: #99a1af;
    --color-border-default: #364153;
    --color-action-primary: #fbb813;
    --color-feedback-error: #e7000b;
    --color-feedback-success: #00a63e;
    --color-overlay-default: #07101880;
    --color-overlay-subtle: #07101840;
  }
}