:root {
  --bs-body-color: hsl(0, 0%, 0%);
  --bs-body-color-rgb: 0,0,0;

  --bs-body-bg: #f8f8f8;
  --bs-body-bg-rgb: 248,248,248;

  --bs-secondary-color: hsl(0, 0%, 0%);
  --bs-secondary-color-rgb: 0,0,0;

  --bs-secondary-bg: hsl(0, 0%, 77%);
  --bs-secondary-bg-rgb: 198,198,198;

  --bs-tertiary-color: hsl(0, 0%, 90%);
  --bs-tertiary-color-rgb: 229,229,229;

  --bs-tertiary-bg: hsl(0, 0%, 58%);
  --bs-tertiary-bg-rgb: 148,148,148;

  --bs-emphasis-color: #000000;
  --bs-emphasis-color-rgb: 0,0,0;

  --bs-border-color: hsl(0 0% 0% / 0.15);
  --bs-border-color-rgb: 0,0,0;

  --bs-link-color: #1365c0;
  --bs-link-color-rgb: 19,101,192;

  --bs-link-hover-color: hsl(211, 81%, 45%);
  --bs-link-hover-color-rgb: 20,111,211;

  --bs-primary: #1365c0;
  --bs-primary-rgb: 19,101,192;

  --bs-primary-bg-subtle: hsl(211, 81%, 90%);
  --bs-primary-bg-subtle-rgb: 208,228,250;

  --bs-primary-border-subtle: hsl(211, 81%, 62%);
  --bs-primary-border-subtle-rgb: 78,154,237;

  --bs-primary-text-emphasis: hsl(211, 100%, 10%);
  --bs-primary-text-emphasis-rgb: 0,24,50;

  --bs-primary-text-contrast: #ffffff;
  --bs-primary-text-contrast-rgb: 255,255,255;

  --bs-success: #2c7d32;
  --bs-success-rgb: 44,125,50;

  --bs-success-bg-subtle: hsl(124, 47%, 90%);
  --bs-success-bg-subtle-rgb: 217,241,219;

  --bs-success-border-subtle: hsl(124, 47%, 49%);
  --bs-success-border-subtle-rgb: 65,187,74;

  --bs-success-text-emphasis: hsl(124, 100%, 10%);
  --bs-success-text-emphasis-rgb: 0,50,3;

  --bs-success-text-contrast: #ffffff;
  --bs-success-text-contrast-rgb: 255,255,255;

  --bs-info: #1693d5;
  --bs-info-rgb: 22,147,213;

  --bs-info-bg-subtle: hsl(200, 81%, 90%);
  --bs-info-bg-subtle-rgb: 208,235,250;

  --bs-info-border-subtle: hsl(200, 81%, 69%);
  --bs-info-border-subtle-rgb: 112,196,240;

  --bs-info-text-emphasis: hsl(200, 100%, 10%);
  --bs-info-text-emphasis-rgb: 0,33,50;

  --bs-info-text-contrast: #ffffff;
  --bs-info-text-contrast-rgb: 255,255,255;

  --bs-warning: #f27a19;
  --bs-warning-rgb: 242,122,25;

  --bs-warning-bg-subtle: hsl(26, 89%, 90%);
  --bs-warning-bg-subtle-rgb: 252,227,206;

  --bs-warning-border-subtle: hsl(26, 89%, 78%);
  --bs-warning-border-subtle-rgb: 249,195,151;

  --bs-warning-text-emphasis: hsl(26, 100%, 10%);
  --bs-warning-text-emphasis-rgb: 50,22,0;

  --bs-warning-text-contrast: #ffffff;
  --bs-warning-text-contrast-rgb: 255,255,255;

  --bs-danger: #e22e2f;
  --bs-danger-rgb: 226,46,47;

  --bs-danger-bg-subtle: hsl(0, 75%, 90%);
  --bs-danger-bg-subtle-rgb: 248,210,210;

  --bs-danger-border-subtle: hsl(0, 75%, 80%);
  --bs-danger-border-subtle-rgb: 242,165,165;

  --bs-danger-text-emphasis: hsl(0, 100%, 10%);
  --bs-danger-text-emphasis-rgb: 50,0,0;

  --bs-danger-text-contrast: #ffffff;
  --bs-danger-text-contrast-rgb: 255,255,255;

  --bs-form-switch-bg-url: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280,0,0, 1.0%29'/%3e%3c/svg%3e");
}
.headerPalette {
  --bs-body-color: hsl(0, 0%, 90%);
  --bs-body-color-rgb: 229,229,229;

  --bs-body-bg: #333333;
  --bs-body-bg-rgb: 51,51,51;

  --bs-secondary-color: hsl(0, 0%, 90%);
  --bs-secondary-color-rgb: 229,229,229;

  --bs-secondary-bg: hsl(0, 0%, 24%);
  --bs-secondary-bg-rgb: 61,61,61;

  --bs-tertiary-color: hsl(0, 0%, 90%);
  --bs-tertiary-color-rgb: 229,229,229;

  --bs-tertiary-bg: hsl(0, 0%, 27%);
  --bs-tertiary-bg-rgb: 71,71,71;

  --bs-emphasis-color: #ffffff;
  --bs-emphasis-color-rgb: 255,255,255;

  --bs-border-color: hsl(0 0% 100% / 0.15);
  --bs-border-color-rgb: 255,255,255;

  --bs-link-color: #fafafa;
  --bs-link-color-rgb: 250,250,250;

  --bs-link-hover-color: hsl(0, 0%, 100%);
  --bs-link-hover-color-rgb: 255,255,255;

  --bs-primary: #fafafa;
  --bs-primary-rgb: 250,250,250;

  --bs-primary-bg-subtle: hsl(0, 0%, 10%);
  --bs-primary-bg-subtle-rgb: 25,25,25;

  --bs-primary-border-subtle: hsl(0, 0%, 49%);
  --bs-primary-border-subtle-rgb: 125,125,125;

  --bs-primary-text-emphasis: hsl(0, 100%, 90%);
  --bs-primary-text-emphasis-rgb: 255,204,204;

  --bs-primary-text-contrast: #000000;
  --bs-primary-text-contrast-rgb: 0,0,0;

  --bs-success: #2c7d32;
  --bs-success-rgb: 44,125,50;

  --bs-success-bg-subtle: hsl(124, 47%, 10%);
  --bs-success-bg-subtle-rgb: 13,37,15;

  --bs-success-border-subtle: hsl(124, 47%, 16%);
  --bs-success-border-subtle-rgb: 22,62,24;

  --bs-success-text-emphasis: hsl(124, 100%, 90%);
  --bs-success-text-emphasis-rgb: 204,255,207;

  --bs-success-text-contrast: #ffffff;
  --bs-success-text-contrast-rgb: 255,255,255;

  --bs-info: #1693d5;
  --bs-info-rgb: 22,147,213;

  --bs-info-bg-subtle: hsl(200, 81%, 10%);
  --bs-info-bg-subtle-rgb: 4,31,46;

  --bs-info-border-subtle: hsl(200, 81%, 23%);
  --bs-info-border-subtle-rgb: 11,73,106;

  --bs-info-text-emphasis: hsl(200, 100%, 90%);
  --bs-info-text-emphasis-rgb: 204,237,255;

  --bs-info-text-contrast: #ffffff;
  --bs-info-text-contrast-rgb: 255,255,255;

  --bs-warning: #f27a19;
  --bs-warning-rgb: 242,122,25;

  --bs-warning-bg-subtle: hsl(26, 89%, 10%);
  --bs-warning-bg-subtle-rgb: 48,23,2;

  --bs-warning-border-subtle: hsl(26, 89%, 26%);
  --bs-warning-border-subtle-rgb: 126,60,7;

  --bs-warning-text-emphasis: hsl(26, 100%, 90%);
  --bs-warning-text-emphasis-rgb: 255,226,204;

  --bs-warning-text-contrast: #ffffff;
  --bs-warning-text-contrast-rgb: 255,255,255;

  --bs-danger: #e22e2f;
  --bs-danger-rgb: 226,46,47;

  --bs-danger-bg-subtle: hsl(0, 75%, 10%);
  --bs-danger-bg-subtle-rgb: 44,6,6;

  --bs-danger-border-subtle: hsl(0, 75%, 26%);
  --bs-danger-border-subtle-rgb: 119,16,16;

  --bs-danger-text-emphasis: hsl(0, 100%, 90%);
  --bs-danger-text-emphasis-rgb: 255,203,204;

  --bs-danger-text-contrast: #ffffff;
  --bs-danger-text-contrast-rgb: 255,255,255;

  --bs-form-switch-bg-url: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28229,229,229, 1.0%29'/%3e%3c/svg%3e");
}
