/* Component Colors Configure */
:root.skyblue {
  /* Color Palette */

  /* with alpha */
  /* rgba(var(--pbt-primary-color-rgb), alpha) */

  /* primary */
  --pbt-primary-color: #1E99E6;
  --pbt-primary-color-rgb: 30, 153, 230;
  --pbt-primary-color-1: #edfbff;
  --pbt-primary-color-1-rgb: 237, 251, 255;
  --pbt-primary-color-2: #c4f0ff;
  --pbt-primary-color-2-rgb: 196, 240, 255;
  --pbt-primary-color-3: #9ce3ff;
  --pbt-primary-color-3-rgb: 156, 227, 255;
  --pbt-primary-color-4: #73d3ff;
  --pbt-primary-color-4-rgb: 115, 211, 255;
  --pbt-primary-color-5: #46b6f2;
  --pbt-primary-color-5-rgb: 70, 182, 242;
  --pbt-primary-color-6: #1e99e6;
  --pbt-primary-color-6-rgb: 30, 153, 230;
  --pbt-primary-color-7: #0f76bf;
  --pbt-primary-color-7-rgb: 15, 118, 191;

  /* success */
  --pbt-success-color: #23C07A;
  --pbt-success-color-rgb: 35, 192, 122;
  --pbt-success-color-1: #f0fff6;
  --pbt-success-color-1-rgb: 240, 255, 246;
  --pbt-success-color-2: #c7f2d9;
  --pbt-success-color-2-rgb: 199, 242, 217;
  --pbt-success-color-3: #97e6bb;
  --pbt-success-color-3-rgb: 151, 230, 187;
  --pbt-success-color-4: #6cd9a1;
  --pbt-success-color-4-rgb: 108, 217, 161;
  --pbt-success-color-5: #45cc8b;
  --pbt-success-color-5-rgb: 69, 204, 139;
  --pbt-success-color-6: #23c07a;
  --pbt-success-color-6-rgb: 35, 192, 122;
  --pbt-success-color-7: #149962;
  --pbt-success-color-7-rgb: 20, 153, 98;

  /* warning */
  --pbt-warning-color: #FFB549;
  --pbt-warning-color-rgb: 255, 181, 73;
  --pbt-warning-color-1: #fffbf0;
  --pbt-warning-color-1-rgb: 255, 251, 240;
  --pbt-warning-color-2: #fffaed;
  --pbt-warning-color-2-rgb: 255, 250, 237;
  --pbt-warning-color-3: #ffedc4;
  --pbt-warning-color-3-rgb: 255, 237, 196;
  --pbt-warning-color-4: #ffde9c;
  --pbt-warning-color-4-rgb: 255, 222, 156;
  --pbt-warning-color-5: #ffcc73;
  --pbt-warning-color-5-rgb: 255, 204, 115;
  --pbt-warning-color-6: #ffb549;
  --pbt-warning-color-6-rgb: 255, 181, 73;
  --pbt-warning-color-7: #d99134;
  --pbt-warning-color-7-rgb: 217, 145, 52;

  /* danger */
  --pbt-danger-color: #FF585D;
  --pbt-danger-color-rgb: 255, 88, 93;
  --pbt-danger-color-1: #fff2f0;
  --pbt-danger-color-1-rgb: 255, 242, 240;
  --pbt-danger-color-2: #fff1f0;
  --pbt-danger-color-2-rgb: 255, 241, 240;
  --pbt-danger-color-3: #ffd7d4;
  --pbt-danger-color-3-rgb: 255, 215, 212;
  --pbt-danger-color-4: #ffaeab;
  --pbt-danger-color-4-rgb: 255, 174, 171;
  --pbt-danger-color-5: #ff8282;
  --pbt-danger-color-5-rgb: 255, 130, 130;
  --pbt-danger-color-6: #ff585d;
  --pbt-danger-color-6-rgb: 255, 88, 93;
  --pbt-danger-color-7: #d9414b;
  --pbt-danger-color-7-rgb: 217, 65, 75;

  /* disabled */
  --pbt-disabled-color: #B9C1C6;
  --pbt-disabled-color-rgb: 185, 193, 198;
  --pbt-disabled-color-1: #f0fcff;
  --pbt-disabled-color-1-rgb: 240, 252, 255;
  --pbt-disabled-color-2: #ebf6fa;
  --pbt-disabled-color-2-rgb: 235, 246, 250;
  --pbt-disabled-color-3: #dfe9ed;
  --pbt-disabled-color-3-rgb: 223, 233, 237;
  --pbt-disabled-color-4: #d3dce0;
  --pbt-disabled-color-4-rgb: 211, 220, 224;
  --pbt-disabled-color-5: #c7cfd4;
  --pbt-disabled-color-5-rgb: 199, 207, 212;
  --pbt-disabled-color-6: #b9c1c6;
  --pbt-disabled-color-6-rgb: 185, 193, 198;
  --pbt-disabled-color-7: #8d99a1;
  --pbt-disabled-color-7-rgb: 141, 153, 161;

  /* alert level */
  --pbt-alert-level-color-1: #0097F5;
  --pbt-alert-level-color-1-rgb: 0, 151, 245;
  --pbt-alert-level-color-2: #EAAD06;
  --pbt-alert-level-color-2-rgb: 234, 173, 6;
  --pbt-alert-level-color-3: #EC6A32;
  --pbt-alert-level-color-3-rgb: 236, 106, 50;
  --pbt-alert-level-color-4: #F0383E;
  --pbt-alert-level-color-4-rgb: 240, 56, 62;
  --pbt-alert-level-color-5: #F0383E;
  --pbt-alert-level-color-5-rgb: 240, 56, 62;
  --pbt-alert-level-color-6: #F0383E;
  --pbt-alert-level-color-6-rgb: 240, 56, 62;

  /* colorful */
  --pbt-color-blue: #478BFF;
  --pbt-color-blue-rgb: 71, 139, 255;
  --pbt-color-yellow: #FCC545;
  --pbt-color-yellow-rgb: 252, 197, 69;
  --pbt-color-purple: #DB77F8;
  --pbt-color-purple-rgb: 219, 119, 248;
  --pbt-color-green: #50CACA;
  --pbt-color-green-rgb: 80, 202, 202;
  --pbt-color-lightgreen: #2ecca9;
  --pbt-color-lightgreen-rgb: 46, 204, 169;
  --pbt-color-red: #FF7EA6;
  --pbt-color-red-rgb: 255, 126, 166;
  --pbt-color-orange: #FC8E63;
  --pbt-color-orange-rgb: 252, 142, 99;
  --pbt-color-lightblue: #52D4F1;
  --pbt-color-lightblue-rgb: 82, 212, 241;

  /* active */
  --pbt-active-color: #ffffff;
  --pbt-active-color-rgb: 255, 255, 255;

  /* text */
  --pbt-text-color: #202A31;
  --pbt-text-color-rgb: 32, 42, 49;
  --pbt-text-color-1: #657179;
  --pbt-text-color-1-rgb: 101, 113, 121;
  --pbt-text-color-2: #94A0A7;
  --pbt-text-color-2-rgb: 148, 160, 167;
  --pbt-text-color-3: #B9C1C6;
  --pbt-text-color-3-rgb: 185, 193, 198;
  --pbt-text-color-4: #DCE0E2;
  --pbt-text-color-4-rgb: 220, 224, 226;

  /* background */
  --pbt-background-color: #FFFFFF;
  --pbt-background-color-rgb: 255, 255, 255;
  --pbt-background-color-1: #F3FAFF;
  --pbt-background-color-1-rgb: 243, 250, 255;
  --pbt-background-color-2: #EEF4F7;
  --pbt-background-color-2-rgb: 238, 244, 247;
  --pbt-background-color-3: #E5EDF2;
  --pbt-background-color-3-rgb: 229, 237, 242;
  --pbt-background-color-4: #DCE5EA;
  --pbt-background-color-4-rgb: 220, 229, 234;

  /* border */
  --pbt-border-color: #DFEBF2;
  --pbt-border-color-rgb: 223, 235, 242;
  --pbt-border-color-1: #D8E4EB;
  --pbt-border-color-1-rgb: 216, 228, 235;
  --pbt-border-color-2: #CFDDE6;
  --pbt-border-color-2-rgb: 207, 221, 230;
  --pbt-border-color-3: #CFDDE6;
  --pbt-border-color-3-rgb: 207, 221, 230;

  /* shadow */
  --pbt-shadow-color: #8FB0C4;
  --pbt-shadow-color-rgb: 143, 176, 196;
  --pbt-shadow-color-1: #202A31;
  --pbt-shadow-color-1-rgb: 32, 42, 49;

  /* font */
  --pbt-font-size-xxs: 10px;
  --pbt-font-size-xs: 12px;
  --pbt-font-size-sm: 13px;
  --pbt-font-size-md: 14px;
  --pbt-font-size-lg: 16px;
  --pbt-font-size-xl: 18px;

  /* border-radius */
  --pbt-border-radius-sm: 2px;
  --pbt-border-radius-md: 4px;
  --pbt-border-radius-lg: 8px;
  --pbt-border-radius-xl: 12px;

  /* padding */
  --pbt-padding-base: 4px;
  --pbt-padding-xs: 8px;
  --pbt-padding-sm: 12px;
  --pbt-padding-md: 16px;
  --pbt-padding-lg: 24px;
  --pbt-padding-xl: 32px;
}