:root {
  --sss-color-primary: #007bff;
  --sss-color-secondary: #868e96;
  --sss-color-success: #4caf50;
  --sss-color-warning: #ffc107;
  --sss-color-danger: #c82333;
  --sss-color-info: #138496;
  --sss-color-light: #f8f9fa;
  --sss-color-dark: #343a40;
  --sss-color-white: #ffffff;
  --sss-color-text: #212529;
  --sss-color-disabled: #ced4da;
}

:root {
  --sss-link-base-text-color: #007bff;
  --sss-link-base-text-color-hover: rgb(0, 98.4, 204);
  --sss-link-base-text-color-visited: rgb(51, 149.4, 255);
  --sss-link-base-text-color-active: rgb(0, 73.8, 153);
  --sss-link-base-text-color-focus: rgb(0, 61.5, 127.5);
  --sss-link-base-outline-color-focus: rgb(0, 86.1, 178.5);
  --sss-link-disabled-text-color: #ced4da;
}

:root {
  --sss-btn-base-bg-color-disabled: #ced4da;
  --sss-btn-base-text-color-disabled: #212529;
  --sss-btn-primary-bg-color: #007bff;
  --sss-btn-primary-bg-color-hover: rgb(0, 110.7, 229.5);
  --sss-btn-primary-bg-color-active: rgb(0, 104.55, 216.75);
  --sss-btn-primary-bg-color-disabled: rgba(76.5, 162.6, 255, 0.6);
  --sss-btn-primary-text-color: #ffffff;
  --sss-btn-primary-text-color-hover: #ffffff;
  --sss-btn-primary-text-color-active: #ffffff;
  --sss-btn-primary-text-color-disabled: rgba(255, 255, 255, 0.7);
  --sss-btn-secondary-bg-color: #868e96;
  --sss-btn-secondary-bg-color-hover: rgb(118.7946902655, 127.8, 136.8053097345);
  --sss-btn-secondary-bg-color-active: rgb(112.1548672566, 120.7, 129.2451327434);
  --sss-btn-secondary-bg-color-disabled: rgba(170.3, 175.9, 181.5, 0.6);
  --sss-btn-secondary-text-color: #ffffff;
  --sss-btn-secondary-text-color-hover: #ffffff;
  --sss-btn-secondary-text-color-active: #ffffff;
  --sss-btn-secondary-text-color-disabled: rgba(255, 255, 255, 0.7);
  --sss-btn-light-bg-color: #f8f9fa;
  --sss-btn-light-bg-color-hover: rgb(218.95, 224.1, 229.25);
  --sss-btn-light-bg-color-active: rgb(204.425, 211.65, 218.875);
  --sss-btn-light-bg-color-disabled: rgba(248.7, 249.6, 250.5, 0.9);
  --sss-btn-light-text-color: rgb(189.7862068966, 195.9, 202.0137931034);
  --sss-btn-light-text-color-hover: rgb(104.9862068966, 117.1, 129.2137931034);
  --sss-btn-light-text-color-active: rgb(87.324137931, 97.4, 107.475862069);
  --sss-btn-light-text-color-disabled: rgba(211.524137931, 215.6, 219.675862069, 0.9);
  --sss-btn-success-bg-color: #4caf50;
  --sss-btn-success-bg-color-hover: rgb(68.4, 157.5, 72);
  --sss-btn-success-bg-color-active: rgb(64.6, 148.75, 68);
  --sss-btn-success-bg-color-disabled: rgba(128.5956175299, 200.1043824701, 131.4848605578, 0.6);
  --sss-btn-success-text-color: #ffffff;
  --sss-btn-success-text-color-hover: #ffffff;
  --sss-btn-success-text-color-active: #ffffff;
  --sss-btn-success-text-color-disabled: rgba(255, 255, 255, 0.7);
  --sss-btn-warning-bg-color: #ffc107;
  --sss-btn-warning-bg-color-hover: rgb(235.8, 176.85, 0);
  --sss-btn-warning-bg-color-active: rgb(222.7, 167.025, 0);
  --sss-btn-warning-bg-color-disabled: rgba(255, 205.4, 56.6, 0.6);
  --sss-btn-warning-text-color: #212529;
  --sss-btn-warning-text-color-hover: #212529;
  --sss-btn-warning-text-color-active: #212529;
  --sss-btn-warning-text-color-disabled: rgba(33, 37, 41, 0.6);
  --sss-btn-danger-bg-color: #c82333;
  --sss-btn-danger-bg-color-hover: rgb(180, 31.5, 45.9);
  --sss-btn-danger-bg-color-active: rgb(170, 29.75, 43.35);
  --sss-btn-danger-bg-color-disabled: rgba(226.329787234, 91.170212766, 104.2765957447, 0.6);
  --sss-btn-danger-text-color: #ffffff;
  --sss-btn-danger-text-color-hover: #ffffff;
  --sss-btn-danger-text-color-active: #ffffff;
  --sss-btn-danger-text-color-disabled: rgba(255, 255, 255, 0.7);
  --sss-btn-info-bg-color: #138496;
  --sss-btn-info-bg-color-hover: rgb(17.1, 118.8, 135);
  --sss-btn-info-bg-color-active: rgb(16.15, 112.2, 127.5);
  --sss-btn-info-bg-color-disabled: rgba(43.1360946746, 202.7402366864, 228.1639053254, 0.6);
  --sss-btn-info-text-color: #ffffff;
  --sss-btn-info-text-color-hover: #ffffff;
  --sss-btn-info-text-color-active: #ffffff;
  --sss-btn-info-text-color-disabled: rgba(255, 255, 255, 0.7);
  --sss-btn-ghost-bg-color: rgba(248.7, 249.6, 250.5, 0.8);
  --sss-btn-ghost-bg-color-hover: rgba(248.35, 249.3, 250.25, 0.85);
  --sss-btn-ghost-bg-color-disabled: rgba(249.05, 249.9, 250.75, 0.7);
  --sss-btn-ghost-text-color: rgba(104.9862068966, 117.1, 129.2137931034, 0.9);
  --sss-btn-ghost-text-color-hover: rgba(60.8310344828, 67.85, 74.8689655172, 0.9);
  --sss-btn-ghost-text-color-disabled: rgba(211.524137931, 215.6, 219.675862069, 0.8);
  --sss-btn-ghost-border-color: rgba(248.7, 249.6, 250.5, 0.8);
  --sss-btn-ghost-border-color-hover: rgba(248.35, 249.3, 250.25, 0.85);
  --sss-btn-ghost-border-color-disabled: rgba(249.05, 249.9, 250.75, 0.7);
}

:root {
  --card-base-bg-color: #ffffff;
  --card-header-border-color: rgb(218.95, 224.1, 229.25);
  --card-footer-border-color: rgb(218.95, 224.1, 229.25);
  --card-title-text-color: #212529;
  --card-subtitle-text-color: #868e96;
}

:root {
  --info-base-bg-color: #f8f9fa;
  --info-base-border-color: rgb(218.95, 224.1, 229.25);
  --info-primary-bg-color: rgb(229.5, 241.8, 255);
  --info-primary-border-color: #007bff;
  --info-primary-text-color: #212529;
  --info-secondary-bg-color: rgb(242.9, 243.7, 244.5);
  --info-secondary-border-color: #868e96;
  --info-secondary-text-color: #868e96;
  --info-success-bg-color: rgb(236.9422310757, 247.1577689243, 237.3549800797);
  --info-success-border-color: #4caf50;
  --info-success-text-color: #4caf50;
  --info-danger-bg-color: rgb(250.9042553191, 231.5957446809, 233.4680851064);
  --info-danger-border-color: #c82333;
  --info-danger-text-color: #c82333;
  --info-warning-bg-color: rgb(255, 248.8, 230.2);
  --info-warning-border-color: #ffc107;
  --info-warning-text-color: #ffc107;
  --info-light-bg-color: rgb(224.7337278107, 247.5343195266, 251.1662721893);
  --info-light-border-color: #138496;
  --info-light-text-color: #138496;
  --info-dark-bg-color: #343a40;
  --info-dark-border-color: rgb(46.8, 52.2, 57.6);
  --info-dark-text-color: #f8f9fa;
  --info-close-bg-color: rgba(92, 64, 51, 0.1);
  --info-close-bg-color-hover: rgba(92, 64, 51, 0.2);
}

:root {
  --sss-data-display-field-border-color: rgb(218.95, 224.1, 229.25);
  --sss-data-display-label-text-color: #868e96;
  --sss-data-display-value-text-color: #212529;
  --sss-data-display-link-text-color: #007bff;
  --sss-data-display-link-text-color-hover: rgb(0, 98.4, 204);
}

:root {
  --sss-form-group-icon-bg-color: rgb(255, 242.6, 205.4);
}

:root {
  --sss-form-label-text-color: #868e96;
  --sss-form-input-bg-color: #f8f9fa;
  --sss-form-input-bg-color-disabled: #ced4da;
  --sss-form-input-border-color: rgb(189.7862068966, 195.9, 202.0137931034);
  --sss-form-input-border-color-focus: #007bff;
  --sss-form-input-border-color-disabled: #f8f9fa;
  --sss-form-input-shadow-color-focus: rgba(0, 123, 255, 0.3);
  --sss-form-input-border-color-error: #c82333;
  --sss-form-input-shadow-color-error: rgba(200, 35, 51, 0.5);
  --sss-form-input-border-color-success: #4caf50;
  --sss-form-input-shadow-color-success: rgba(76, 175, 80, 0.9);
  --sss-form-input-border-color-warning: #ffc107;
  --sss-form-input-shadow-color-warning: rgba(255, 193, 7, 0.3);
}

:root {
  --sss-checkbox-base-bg-color: #f8f9fa;
  --sss-checkbox-base-bg-color-checked: #007bff;
  --sss-checkbox-base-bg-color-disabled: #ced4da;
  --sss-checkbox-base-border-color: rgb(189.7862068966, 195.9, 202.0137931034);
  --sss-checkbox-base-border-color-checked: #007bff;
  --sss-checkbox-base-border-color-focus: #007bff;
  --sss-checkbox-base-border-color-disabled: #f8f9fa;
  --sss-checkbox-base-checkmark-color: #ffffff;
  --sss-checkbox-base-text-color: #212529;
  --sss-checkbox-base-text-color-disabled: rgba(33, 37, 41, 0.6);
  --sss-checkbox-base-shadow-focus: rgba(0, 123, 255, 0.3);
  --sss-checkbox-error-border-color: #c82333;
  --sss-checkbox-error-shadow-focus: rgba(200, 35, 51, 0.5);
  --sss-checkbox-success-border-color: #4caf50;
  --sss-checkbox-success-shadow-focus: rgba(76, 175, 80, 0.9);
}

:root {
  --sss-switch-base-bg-color: rgb(210.9, 216.3, 221.7);
  --sss-switch-base-bg-color-checked: #007bff;
  --sss-switch-base-bg-color-disabled: #ced4da;
  --sss-switch-base-bg-color-checked-disabled: rgba(76.5, 162.6, 255, 0.6);
  --sss-switch-base-thumb-color: #ffffff;
  --sss-switch-base-text-color: #212529;
  --sss-switch-base-shadow-color-focus: rgba(0, 123, 255, 0.3);
  --sss-switch-error-bg-color-checked: #c82333;
  --sss-switch-error-shadow-color-focus: rgba(200, 35, 51, 0.5);
  --sss-switch-success-bg-color-checked: #4caf50;
  --sss-switch-success-shadow-color-focus: rgba(76, 175, 80, 0.9);
}

:root {
  --sss-text-primary-text-color: #007bff;
  --sss-text-secondary-text-color: #868e96;
  --sss-text-success-text-color: #4caf50;
  --sss-text-danger-text-color: #c82333;
  --sss-text-warning-text-color: #ffc107;
  --sss-text-info-text-color: #138496;
  --sss-text-light-text-color: #f8f9fa;
  --sss-text-dark-text-color: #343a40;
}

.switch--slider {
  outline: 1px solid gray;
}
.switch--slider:before {
  outline: 1px solid gray;
}