:root,
[data-dths-theme=light] {
  --dths-red: #f44336;
  --dths-pink: #e91e63;
  --dths-purple: #9c27b0;
  --dths-indigo: #3f51b5;
  --dths-blue: #2196f3;
  --dths-cyan: #00bcd4;
  --dths-teal: #009688;
  --dths-green: #17c61d;
  --dths-yellow: #ffeb3b;
  --dths-orange: #ff9800;
  --dths-white: #fff;
  --dths-black: #000;
  --dths-gray: #757575;
  --dths-gray-dark: #4f4f4f;
  --dths-gray-50: #fbfbfb;
  --dths-gray-100: #f5f5f5;
  --dths-gray-200: #eeeeee;
  --dths-gray-300: #e0e0e0;
  --dths-gray-400: #bdbdbd;
  --dths-gray-500: #9e9e9e;
  --dths-gray-600: #757575;
  --dths-gray-700: #616161;
  --dths-gray-800: #4f4f4f;
  --dths-gray-900: #262626;
  --dths-primary: #3b71ca;
  --dths-secondary: #9fa6b2;
  --dths-success: #14a44d;
  --dths-danger: #ef2647;
  --dths-warning: #e4a11b;
  --dths-info: #54b4d3;
  --dths-light: #fbfbfb;
  --dths-dark: #332d2d;
  --dths-primary-rgb: 59, 113, 202;
  --dths-secondary-rgb: 159, 166, 178;
  --dths-success-rgb: 20, 164, 77;
  --dths-danger-rgb: 220, 76, 100;
  --dths-warning-rgb: 228, 161, 27;
  --dths-info-rgb: 84, 180, 211;
  --dths-light-rgb: 251, 251, 251;
  --dths-dark-rgb: 51, 45, 45;
  --dths-primary-text-emphasis: #2f5aa2;
  --dths-secondary-text-emphasis: #404247;
  --dths-success-text-emphasis: #0c622e;
  --dths-info-text-emphasis: #3b7e94;
  --dths-warning-text-emphasis: #896110;
  --dths-danger-text-emphasis: #b03d50;
  --dths-light-text-emphasis: #616161;
  --dths-dark-text-emphasis: #eeeeee;
  --dths-primary-bg-subtle: #e2eaf7;
  --dths-secondary-bg-subtle: #f1f2f3;
  --dths-success-bg-subtle: #dcf1e4;
  --dths-info-bg-subtle: #e5f4f8;
  --dths-warning-bg-subtle: #fbf1dd;
  --dths-danger-bg-subtle: #fae4e8;
  --dths-light-bg-subtle: #f5f5f5;
  --dths-dark-bg-subtle: #262626;
  --dths-primary-border-subtle: #b1c6ea;
  --dths-secondary-border-subtle: #d9dbe0;
  --dths-success-border-subtle: #a1dbb8;
  --dths-info-border-subtle: #bbe1ed;
  --dths-warning-border-subtle: #f4d9a4;
  --dths-danger-border-subtle: #f1b7c1;
  --dths-light-border-subtle: #eeeeee;
  --dths-dark-border-subtle: #9e9e9e;
  --dths-white-rgb: 255, 255, 255;
  --dths-black-rgb: 0, 0, 0;
  --dths-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --dths-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --dths-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --dths-body-font-family: var(--dths-font-arial);
  --dths-font-roboto: 'Roboto', sans-serif;
  --dths-font-time-roman: 'Times New Roman', Times, serif;
  --dths-font-arial: Arial, sans-serif;
  --dths-font-small-arial: small arial, helvetica, tahoma, verdana, sans-serif;
  --dths-body-font-size: 1.1rem;
  --dths-body-font-weight: 400;
  --dths-body-line-height: 1.6;
  --dths-body-color: #000;
  --dths-body-color-rgb: 79, 79, 79;
  --dths-body-bg: #fff;
  --dths-body-bg-rgb: 255, 255, 255;
  --dths-emphasis-color: #000;
  --dths-emphasis-color-rgb: 0, 0, 0;
  --dths-secondary-color: rgba(79, 79, 79, 0.75);
  --dths-secondary-color-rgb: 79, 79, 79;
  --dths-secondary-bg: #eeeeee;
  --dths-secondary-bg-rgb: 238, 238, 238;
  --dths-tertiary-color: rgba(79, 79, 79, 0.5);
  --dths-tertiary-color-rgb: 79, 79, 79;
  --dths-tertiary-bg: #fbfbfb;
  --dths-tertiary-bg-rgb: 251, 251, 251;
  --dths-heading-color: inherit;
  --dths-link-color: #3b71ca;
  --dths-link-color-rgb: 59, 113, 202;
  --dths-link-decoration: none;
  --dths-link-hover-color: #386bc0;
  --dths-link-hover-color-rgb: 56, 107, 192;
  --dths-link-hover-decoration: none;
  --dths-code-color: #e91e63;
  --dths-highlight-color: #4f4f4f;
  --dths-highlight-bg: #fff9c4;
  --dths-border-width: 1px;
  --dths-border-style: solid;
  --dths-border-color: #e0e0e0;
  --dths-border-color-translucent: rgba(0, 0, 0, 0.175);
  --dths-border-radius: 0.25rem;
  --dths-border-radius-sm: 0.25rem;
  --dths-border-radius-lg: 0.5rem;
  --dths-border-radius-xl: 1rem;
  --dths-border-radius-xxl: 2rem;
  --dths-border-radius-2xl: var(--dths-border-radius-xxl);
  --dths-border-radius-pill: 50rem;
  --dths-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --dths-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --dths-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  --dths-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
  --dths-focus-ring-width: 0.25rem;
  --dths-focus-ring-opacity: 0.25;
  --dths-focus-ring-color: rgba(59, 113, 202, 0.25);
  --dths-form-valid-color: #14a44d;
  --dths-form-valid-border-color: #14a44d;
  --dths-form-invalid-color: #dc4c64;
  --dths-form-invalid-border-color: #dc4c64;
}

.btn-orange {
  background-color: rgb(246 148 62);
}

.bg-primary {
  --bs-bg-opacity: 1;
  background-color: var(--dths-blue) !important;
}

.bg-secondary {
  --bs-bg-opacity: 1;
  background-color: var(--dths-secondary) !important;
}

.bg-success {
  --bs-bg-opacity: 1;
  background-color: var(--dths-green) !important;
}

.bg-danger {
  --bs-bg-opacity: 1;
  background-color: var(--dths-danger) !important;
}

.bg-warning {
  --bs-bg-opacity: 1;
  background-color: var(--dths-warning) !important;
}

.bg-info {
  --bs-bg-opacity: 1;
  background-color: var(--dths-info) !important;
}

.bg-light {
  --bs-bg-opacity: 1;
  background-color: var(--dths-light) !important;
}

.bg-dark {
  --bs-bg-opacity: 1;
  background-color: var(--dths-dark) !important;
}

.bg-grey {
  --bs-bg-opacity: 1;
  background-color: var(--dths-light-text-emphasis) !important;
}

body {
  margin: 0;
  font-family: var(--dths-body-font-family);
  font-size: var(--dths-body-font-size);
  font-weight: var(--dths-body-font-weight);
  line-height: var(--dths-body-line-height);
  color: var(--dths-body-color);
  text-align: var(--dths-body-text-align);
  background-color: var(--dths-body-bg);
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.cursor-pointer {
  cursor: pointer;
}