[data-ui-theme="viewmint"] {
  --ui-radius: 0.625rem;
  --ui-font-sans: "DM Sans Variable", "Roboto Variable", sans-serif;
  --ui-display-font: "Manrope Variable", "DM Sans Variable", sans-serif;
  --ui-chrome-background: var(--ui-card);
  --ui-chrome-foreground: var(--ui-foreground);
  --ui-chrome-muted: var(--ui-muted-foreground);
  --ui-chrome-border: var(--ui-border);
  --ui-chrome-accent: var(--ui-primary);
  --ui-background: #f4f5f7;
  --ui-foreground: #14161a;
  --ui-surface: oklch(0.985 0.001 260);
  --ui-surface-foreground: oklch(0.225 0.009 260);
  --ui-muted: oklch(0.965 0.003 260);
  --ui-muted-foreground: #5f6675;
  --ui-subtle: oklch(0.985 0.001 260);
  --ui-card: #ffffff;
  --ui-card-foreground: #14161a;
  --ui-popover: oklch(1 0 0);
  --ui-popover-foreground: oklch(0.225 0.009 260);
  --ui-overlay: oklch(0.2 0.01 260 / 0.45);
  --ui-primary: #d9141c;
  --ui-primary-hover: #b80f16;
  --ui-primary-foreground: #ffffff;
  --ui-primary-subtle: #fff0f0;
  --ui-primary-subtle-foreground: #a80d14;
  --ui-secondary: oklch(0.965 0.003 260);
  --ui-secondary-hover: oklch(0.925 0.005 260);
  --ui-secondary-foreground: oklch(0.31 0.012 260);
  --ui-accent: oklch(0.965 0.003 260);
  --ui-accent-foreground: oklch(0.31 0.012 260);
  --ui-destructive: oklch(0.535 0.2 25.4);
  --ui-destructive-hover: oklch(0.47 0.19 25.8);
  --ui-destructive-foreground: oklch(1 0 0);
  --ui-destructive-subtle: oklch(0.985 0.014 23);
  --ui-destructive-subtle-foreground: oklch(0.39 0.164 26.2);
  --ui-success: oklch(0.47 0.152 150);
  --ui-success-hover: oklch(0.39 0.131 150);
  --ui-success-foreground: oklch(1 0 0);
  --ui-success-subtle: oklch(0.985 0.011 150);
  --ui-success-subtle-foreground: oklch(0.39 0.131 150);
  --ui-warning: oklch(0.78 0.128 74.4);
  --ui-warning-hover: oklch(0.665 0.156 75);
  --ui-warning-foreground: oklch(0.225 0.085 78);
  --ui-warning-subtle: oklch(0.985 0.012 72);
  --ui-warning-subtle-foreground: oklch(0.31 0.112 77.4);
  --ui-info: oklch(0.47 0.142 235);
  --ui-info-hover: oklch(0.39 0.123 235);
  --ui-info-foreground: oklch(1 0 0);
  --ui-info-subtle: oklch(0.985 0.011 235);
  --ui-info-subtle-foreground: oklch(0.39 0.123 235);
  --ui-border: #e6e8ed;
  --ui-border-strong: oklch(0.87 0.009 260);
  --ui-input: oklch(0.665 0.017 260);
  --ui-ring: #d9141c;
}

[data-ui-theme="viewmint"][data-theme="dark"], [data-ui-theme="viewmint"] [data-theme="dark"], [data-ui-theme="viewmint"].dark, [data-ui-theme="viewmint"] .dark {
  color-scheme: dark;
  --ui-background: #0e1014;
  --ui-foreground: #f2f3f5;
  --ui-surface: oklch(0.31 0.012 260);
  --ui-surface-foreground: oklch(0.985 0.001 260);
  --ui-muted: oklch(0.31 0.012 260);
  --ui-muted-foreground: #a9b0bd;
  --ui-subtle: oklch(0.31 0.012 260);
  --ui-card: #181b21;
  --ui-card-foreground: #f2f3f5;
  --ui-popover: oklch(0.31 0.012 260);
  --ui-popover-foreground: oklch(0.985 0.001 260);
  --ui-overlay: oklch(0.1 0.01 260 / 0.65);
  --ui-primary: #ff5c63;
  --ui-primary-hover: #ff858a;
  --ui-primary-foreground: #1f0a0c;
  --ui-primary-subtle: #3a1a1e;
  --ui-primary-subtle-foreground: #ffb3b6;
  --ui-secondary: oklch(0.39 0.015 260);
  --ui-secondary-hover: oklch(0.47 0.017 260);
  --ui-secondary-foreground: oklch(0.985 0.001 260);
  --ui-accent: oklch(0.39 0.015 260);
  --ui-accent-foreground: oklch(0.985 0.001 260);
  --ui-destructive: oklch(0.78 0.15 24.6);
  --ui-destructive-hover: oklch(0.87 0.1 24.2);
  --ui-destructive-foreground: oklch(0.225 0.1 27);
  --ui-destructive-subtle: oklch(0.225 0.1 27);
  --ui-destructive-subtle-foreground: oklch(0.925 0.06 23.8);
  --ui-success: oklch(0.78 0.12 150);
  --ui-success-hover: oklch(0.87 0.08 150);
  --ui-success-foreground: oklch(0.225 0.08 150);
  --ui-success-subtle: oklch(0.225 0.08 150);
  --ui-success-subtle-foreground: oklch(0.925 0.048 150);
  --ui-warning: oklch(0.78 0.128 74.4);
  --ui-warning-hover: oklch(0.87 0.085 73.8);
  --ui-warning-foreground: oklch(0.225 0.085 78);
  --ui-warning-subtle: oklch(0.225 0.085 78);
  --ui-warning-subtle-foreground: oklch(0.925 0.051 73.2);
  --ui-info: oklch(0.78 0.112 235);
  --ui-info-hover: oklch(0.87 0.075 235);
  --ui-info-foreground: oklch(0.225 0.075 235);
  --ui-info-subtle: oklch(0.225 0.075 235);
  --ui-info-subtle-foreground: oklch(0.925 0.045 235);
  --ui-border: #2b3039;
  --ui-border-strong: oklch(0.47 0.017 260);
  --ui-input: oklch(0.535 0.018 260);
  --ui-ring: #ff5c63;
}

[data-ui-theme="viewmint"][data-theme="high-contrast"], [data-ui-theme="viewmint"] [data-theme="high-contrast"] {
  --ui-background: oklch(1 0 0);
  --ui-foreground: oklch(0 0 0);
  --ui-surface: oklch(0.985 0.001 260);
  --ui-surface-foreground: oklch(0 0 0);
  --ui-muted: oklch(0.965 0.003 260);
  --ui-muted-foreground: oklch(0.39 0.015 260);
  --ui-subtle: oklch(0.985 0.001 260);
  --ui-card: oklch(1 0 0);
  --ui-card-foreground: oklch(0 0 0);
  --ui-popover: oklch(1 0 0);
  --ui-popover-foreground: oklch(0 0 0);
  --ui-overlay: oklch(0.2 0.01 260 / 0.45);
  --ui-primary: oklch(0.39 0.164 26.2);
  --ui-primary-hover: oklch(0.31 0.132 26.6);
  --ui-primary-foreground: oklch(1 0 0);
  --ui-primary-subtle: oklch(0.985 0.014 23);
  --ui-primary-subtle-foreground: oklch(0.31 0.132 26.6);
  --ui-secondary: oklch(0.925 0.005 260);
  --ui-secondary-hover: oklch(0.925 0.005 260);
  --ui-secondary-foreground: oklch(0 0 0);
  --ui-accent: oklch(0.965 0.003 260);
  --ui-accent-foreground: oklch(0 0 0);
  --ui-destructive: oklch(0.39 0.164 26.2);
  --ui-destructive-hover: oklch(0.31 0.132 26.6);
  --ui-destructive-foreground: oklch(1 0 0);
  --ui-destructive-subtle: oklch(0.985 0.014 23);
  --ui-destructive-subtle-foreground: oklch(0.39 0.164 26.2);
  --ui-success: oklch(0.39 0.131 150);
  --ui-success-hover: oklch(0.31 0.106 150);
  --ui-success-foreground: oklch(1 0 0);
  --ui-success-subtle: oklch(0.985 0.011 150);
  --ui-success-subtle-foreground: oklch(0.39 0.131 150);
  --ui-warning: oklch(0.78 0.128 74.4);
  --ui-warning-hover: oklch(0.665 0.156 75);
  --ui-warning-foreground: oklch(0.225 0.085 78);
  --ui-warning-subtle: oklch(0.985 0.012 72);
  --ui-warning-subtle-foreground: oklch(0.31 0.112 77.4);
  --ui-info: oklch(0.39 0.123 235);
  --ui-info-hover: oklch(0.31 0.099 235);
  --ui-info-foreground: oklch(1 0 0);
  --ui-info-subtle: oklch(0.985 0.011 235);
  --ui-info-subtle-foreground: oklch(0.39 0.123 235);
  --ui-border: oklch(0.535 0.018 260);
  --ui-border-strong: oklch(0.39 0.015 260);
  --ui-input: oklch(0.47 0.017 260);
  --ui-ring: oklch(0.39 0.164 26.2);
}

@media (prefers-color-scheme: dark) {
  [data-ui-theme="viewmint"][data-theme="system"], [data-ui-theme="viewmint"] [data-theme="system"] {
    color-scheme: dark;
    --ui-background: #0e1014;
    --ui-foreground: #f2f3f5;
    --ui-surface: oklch(0.31 0.012 260);
    --ui-surface-foreground: oklch(0.985 0.001 260);
    --ui-muted: oklch(0.31 0.012 260);
    --ui-muted-foreground: #a9b0bd;
    --ui-subtle: oklch(0.31 0.012 260);
    --ui-card: #181b21;
    --ui-card-foreground: #f2f3f5;
    --ui-popover: oklch(0.31 0.012 260);
    --ui-popover-foreground: oklch(0.985 0.001 260);
    --ui-overlay: oklch(0.1 0.01 260 / 0.65);
    --ui-primary: #ff5c63;
    --ui-primary-hover: #ff858a;
    --ui-primary-foreground: #1f0a0c;
    --ui-primary-subtle: #3a1a1e;
    --ui-primary-subtle-foreground: #ffb3b6;
    --ui-secondary: oklch(0.39 0.015 260);
    --ui-secondary-hover: oklch(0.47 0.017 260);
    --ui-secondary-foreground: oklch(0.985 0.001 260);
    --ui-accent: oklch(0.39 0.015 260);
    --ui-accent-foreground: oklch(0.985 0.001 260);
    --ui-destructive: oklch(0.78 0.15 24.6);
    --ui-destructive-hover: oklch(0.87 0.1 24.2);
    --ui-destructive-foreground: oklch(0.225 0.1 27);
    --ui-destructive-subtle: oklch(0.225 0.1 27);
    --ui-destructive-subtle-foreground: oklch(0.925 0.06 23.8);
    --ui-success: oklch(0.78 0.12 150);
    --ui-success-hover: oklch(0.87 0.08 150);
    --ui-success-foreground: oklch(0.225 0.08 150);
    --ui-success-subtle: oklch(0.225 0.08 150);
    --ui-success-subtle-foreground: oklch(0.925 0.048 150);
    --ui-warning: oklch(0.78 0.128 74.4);
    --ui-warning-hover: oklch(0.87 0.085 73.8);
    --ui-warning-foreground: oklch(0.225 0.085 78);
    --ui-warning-subtle: oklch(0.225 0.085 78);
    --ui-warning-subtle-foreground: oklch(0.925 0.051 73.2);
    --ui-info: oklch(0.78 0.112 235);
    --ui-info-hover: oklch(0.87 0.075 235);
    --ui-info-foreground: oklch(0.225 0.075 235);
    --ui-info-subtle: oklch(0.225 0.075 235);
    --ui-info-subtle-foreground: oklch(0.925 0.045 235);
    --ui-border: #2b3039;
    --ui-border-strong: oklch(0.47 0.017 260);
    --ui-input: oklch(0.535 0.018 260);
    --ui-ring: #ff5c63;
  }
}