:root {
  --ui-color-info: #50c2f5;
  --ui-color-success: #4fbf75;
  --ui-color-warning: #fccc2f;
  --ui-color-danger: #f8472c;
  --ui-font-family: system-ui;
  --ui-font-size: 1rem;
  --ui-font-size-small: 0.9rem;
  --ui-font-weight: 500;
  --ui-font-weight-strong: 700;
  --ui-border-width: 0.5px;
  --ui-border-radius: 6px;
  --ui-sidebar-width: 250px;
  --ui-sidebar-width-collapsed: 60px;
  --ui-color-primary: #6759ef;
  --ui-color-accent: #8e83f7;
  --ui-color-primary-opacity: #6859ef20;
  --ui-color-bg: #fbfaf4;
  --ui-color-card-bg: #fbfaf4;
  --ui-color-bg-accent: #f4f1ed;
  --ui-color-bg-accent-strong: #edeef1;
  --ui-color-text-heading: #091717;
  --ui-color-text: #697270;
  --ui-color-border: #d8dee4;
}
[uixsoftware="midnight"] {
  color-scheme: dark;
  --ui-color-primary: #8e83f7;
  --ui-color-bg: #091622;
  --ui-color-card-bg: #091622;
  --ui-color-bg-accent: #0b1c2b;
  --ui-color-bg-accent-strong: #0f283e;
  --ui-color-text-heading: #f8f8f8;
  --ui-color-text: #adbdcc;
  --ui-color-border: #0c2d4a;
}
[uixsoftware="dark"] {
  color-scheme: dark;
  --ui-color-primary: #8e83f7;
  --ui-color-bg: #000000;
  --ui-color-card-bg: #0d0f11;
  --ui-color-bg-accent: #0d0f11;
  --ui-color-bg-accent-strong: #1b232d;
  --ui-color-text-heading: #fcfcfc;
  --ui-color-text: #8e8e92;
  --ui-color-border: #2b3039;
}


h1,
h2 {
  font-weight: 450;
  font-family: "default";
}

.btn {
  padding: 10px 18px;
  font-size: 0.9rem !important;
  border-radius: 50px;
  border: var(--ui-border-width) solid var(--ui-color-text);
}

.btn-lg {
  padding: 14px 24px;
  font-size: 1rem !important;
  border-radius: 50px;
}