:root {
  color-scheme: light;

  --ups-palette-white: #ffffff;
  --ups-palette-mist-50: #f4f8f7;
  --ups-palette-mist-100: #edf4f3;
  --ups-palette-mist-200: #dce8e7;
  --ups-palette-mist-300: #c8d6d5;
  --ups-palette-slate-400: #9aa4a9;
  --ups-palette-slate-500: #5f6b7a;
  --ups-palette-slate-700: #33424a;
  --ups-palette-slate-950: #12171d;
  --ups-palette-teal-700: #00787c;
  --ups-palette-teal-800: #006268;
  --ups-palette-aqua-300: #6ccbd3;
  --ups-palette-aqua-200: #a7dbe1;
  --ups-palette-aqua-50: #e3f7f8;
  --ups-palette-gold-700: #8a6400;
  --ups-palette-gold-300: #e2c55e;
  --ups-palette-gold-100: #fff0bd;
  --ups-palette-clay-700: #b94713;
  --ups-palette-clay-300: #f0c7a8;
  --ups-palette-clay-50: #fff2eb;
  --ups-palette-mint-700: #047857;
  --ups-palette-mint-200: #9de8b6;
  --ups-palette-mint-50: #dcfce7;
  --ups-palette-rose-600: #be123c;
  --ups-palette-rose-200: #f2b8c5;
  --ups-palette-rose-50: #fff1f4;

  --ups-color-background: var(--ups-palette-mist-50);
  --ups-color-surface: var(--ups-palette-white);
  --ups-color-surface-raised: var(--ups-palette-white);
  --ups-color-text: var(--ups-palette-slate-950);
  --ups-color-text-muted: var(--ups-palette-slate-500);
  --ups-color-text-inverse: var(--ups-palette-white);
  --ups-color-border: var(--ups-palette-mist-200);
  --ups-color-border-strong: var(--ups-palette-mist-300);
  --ups-color-action-primary: var(--ups-palette-teal-700);
  --ups-color-action-primary-hover: var(--ups-palette-teal-800);
  --ups-color-action-primary-text: var(--ups-palette-white);
  --ups-color-action-secondary-border: var(--ups-palette-gold-300);
  --ups-color-accent: var(--ups-palette-gold-700);
  --ups-color-accent-surface: var(--ups-palette-gold-100);
  --ups-color-danger: var(--ups-palette-rose-600);
  --ups-color-danger-surface: var(--ups-palette-rose-50);
  --ups-color-danger-border: var(--ups-palette-rose-200);
  --ups-color-success: var(--ups-palette-mint-700);
  --ups-color-success-surface: var(--ups-palette-mint-50);
  --ups-color-success-border: var(--ups-palette-mint-200);
  --ups-color-warning: var(--ups-palette-clay-700);
  --ups-color-warning-surface: var(--ups-palette-clay-50);
  --ups-color-warning-border: var(--ups-palette-clay-300);
  --ups-color-info-surface: var(--ups-palette-aqua-50);
  --ups-color-info-border: var(--ups-palette-aqua-200);
  --ups-color-input-surface: var(--ups-palette-mist-100);
  --ups-color-input-surface-hover: var(--ups-palette-mist-200);
  --ups-color-input-placeholder: var(--ups-palette-slate-400);
  --ups-color-overlay: rgb(13 27 31 / 0.42);

  --ups-font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --ups-font-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;

  --ups-text-xs: 0.75rem;
  --ups-text-sm: 0.875rem;
  --ups-text-md: 1rem;
  --ups-text-lg: 1.125rem;
  --ups-text-xl: 1.25rem;
  --ups-text-2xl: 1.5rem;

  --ups-leading-tight: 1.25;
  --ups-leading-normal: 1.5;
  --ups-leading-relaxed: 1.625;

  --ups-font-weight-regular: 400;
  --ups-font-weight-medium: 500;
  --ups-font-weight-semibold: 600;
  --ups-font-weight-bold: 700;

  --ups-space-0: 0;
  --ups-space-1: 0.25rem;
  --ups-space-2: 0.5rem;
  --ups-space-3: 0.75rem;
  --ups-space-4: 1rem;
  --ups-space-5: 1.25rem;
  --ups-space-6: 1.5rem;
  --ups-space-8: 2rem;
  --ups-space-10: 2.5rem;
  --ups-space-12: 3rem;

  --ups-radius-xs: 0.125rem;
  --ups-radius-sm: 0.25rem;
  --ups-radius-md: 0.5rem;
  --ups-radius-lg: 0.75rem;
  --ups-radius-full: 9999px;

  --ups-shadow-sm: 0 1px 2px rgb(15 23 42 / 0.08);
  --ups-shadow-md: 0 8px 24px rgb(15 23 42 / 0.12);

  --ups-focus-ring-color: var(--ups-color-accent);
  --ups-focus-ring-width: 2px;
  --ups-focus-ring-offset: 2px;

  --ups-state-disabled-opacity: 0.56;
  --ups-state-disabled-cursor: not-allowed;

  --ups-z-overlay: 1000;
  --ups-z-dialog: 1001;
}