[data-cardium-accent] {
  --colorCardiumPrimary: rgb(var(--colorCardiumPrimaryRGB));
  --colorCardiumPrimaryLight: rgba(var(--colorCardiumPrimaryRGB), 0.15);
  --colorCardiumAppBackground: rgb(var(--colorCardiumAppBackgroundRGB));
  --colorCardiumdarkBackground: rgb(var(--colorCardiumdarkBackgroundRGB));
  --colorCardiumButtonHover: rgb(var(--colorCardiumButtonHoverRGB));
  --colorCardiumLightBackground: rgb(var(--colorCardiumLightBackgroundRGB));
  --colorCardiumTabBackground: rgb(var(--colorCardiumTabBackgroundRGB));
  --colorCardiumItemHover: rgba(var(--colorCardiumPrimaryRGB), 0.1);
  --colorCardiumPrimaryLightHover: rgba(var(--colorCardiumPrimaryRGB), 0.2);
  --colorCardiumPrimaryLightActive: rgba(var(--colorCardiumPrimaryRGB), 0.3);
  --colorCardiumPrimaryLightShadow: rgba(var(--colorCardiumPrimaryRGB), 0.45);
}

.cardium--dark-mode[data-cardium-accent],
.cardium--dark-mode [data-cardium-accent] {
  --colorCardiumItemHover: rgba(var(--colorCardiumPrimaryRGB), 0.08);
  --colorCardiumAppBackgroundRGB: 27, 27, 29;
}

[data-cardium-accent="default"] {
  --colorCardiumPrimaryRGB: 11, 105, 142;
  --colorCardiumPrimaryHover: #0a4d67;
  --colorCardiumPrimaryActive: #0b698e;
  --colorCardiumAppBackgroundRGB: 255, 255, 255;
  --colorCardiumButtonHoverRGB: 10, 77, 103;
  --colorCardiumLightBackgroundRGB: 221, 247, 250;
  --colorCardiumTabBackgroundRGB: 6, 54, 75;
  --colorCardiumdarkBackgroundRGB: 8, 131, 149;
  --colorCardiumTableHeader: #f4f4f4;
}

[data-cardium-accent="red"] {
  --colorCardiumPrimaryRGB: 227, 70, 58;
  --colorCardiumPrimaryHover: #2a3136;
  --colorCardiumPrimaryActive: #e3463a;
  --colorCardiumAppBackgroundRGB: 255, 255, 255;
  --colorCardiumButtonHoverRGB: 42, 49, 54;
  --colorCardiumLightBackgroundRGB: 242, 193, 189;
  --colorCardiumdarkBackgroundRGB: 8, 131, 149;
  --colorCardiumTabBackgroundRGB: 8, 131, 149;
  --colorCardiumTableHeader: #2a3136;
}

[data-cardium-accent="blue"] {
  --colorCardiumPrimaryRGB: 5, 80, 230;
  --colorCardiumPrimaryLightRGB: 205, 220, 250;
  --colorCardiumPrimaryHover: #0444c4;
  --colorCardiumPrimaryActive: #043cad;
  --colorCardiumAppBackgroundRGB: 248, 250, 254;
  --colorCardiumButtonHoverRGB: 9, 43, 112;
  --colorCardiumLightBackgroundRGB: 177, 202, 250;
  --colorCardiumdarkBackgroundRGB: 29, 64, 133;
  --colorCardiumTabBackgroundRGB: 29, 64, 133;
  --colorCardiumTableHeader: rgba(var(--colorCardiumPrimaryRGB));
}

[data-cardium-accent="light_blue"] {
  --colorCardiumPrimaryRGB: 50, 117, 224;
  --colorCardiumPrimaryLightRGB: 214, 227, 249;
  --colorCardiumPrimaryHover: #2b63be;
  --colorCardiumPrimaryActive: #2658a8;
  --colorCardiumAppBackgroundRGB: 255, 255, 255;
  --colorCardiumButtonHoverRGB: 18, 49, 97;
  --colorCardiumLightBackgroundRGB: 193, 214, 247;
  --colorCardiumdarkBackgroundRGB: 66, 105, 166;
  --colorCardiumTabBackgroundRGB: 66, 105, 166;
  --colorCardiumTableHeader: rgba(var(--colorCardiumPrimaryRGB));
}

[data-cardium-accent="dark_purple"] {
  --colorCardiumPrimaryRGB: 67, 0, 191;
  --colorCardiumPrimaryLightRGB: 217, 204, 242;
  --colorCardiumPrimaryHover: #3900a2;
  --colorCardiumPrimaryActive: #32008f;
  --colorCardiumAppBackgroundRGB: 249, 247, 253;
  --colorCardiumButtonHoverRGB: 61, 23, 133;
  --colorCardiumLightBackgroundRGB: 202, 174, 252;
  --colorCardiumdarkBackgroundRGB: 104, 65, 176;
  --colorCardiumTableHeader: rgba(var(--colorCardiumPrimaryRGB));
  --colorCardiumTabBackgroundRGB: 104, 65, 176;
}

[data-cardium-accent="purple"] {
  --colorCardiumPrimaryRGB: 91, 0, 255;
  --colorCardiumPrimaryLightRGB: 222, 204, 255;
  --colorCardiumPrimaryHover: #4d00d9;
  --colorCardiumPrimaryActive: #4400bf;
  --colorCardiumAppBackgroundRGB: 250, 247, 255;
  --colorCardiumButtonHoverRGB: 62, 23, 133;
  --colorCardiumLightBackgroundRGB: 221, 205, 250;
  --colorCardiumdarkBackgroundRGB: 104, 65, 176;
  --colorCardiumTableHeader: rgba(var(--colorCardiumPrimaryRGB));
  --colorCardiumTabBackgroundRGB: 104, 65, 176;
}

[data-cardium-accent="teal"] {
  --colorCardiumPrimaryRGB: 16, 133, 127;
  --colorCardiumPrimaryLightRGB: 207, 231, 229;
  --colorCardiumPrimaryHover: #0e716c;
  --colorCardiumPrimaryActive: #0c645f;
  --colorCardiumAppBackgroundRGB: 248, 251, 251;
  --colorCardiumButtonHoverRGB: 24, 107, 103;
  --colorCardiumLightBackgroundRGB: 146, 232, 228;
  --colorCardiumdarkBackgroundRGB: 44, 97, 94;
  --colorCardiumTabBackgroundRGB: 44, 97, 94;
  --colorCardiumTableHeader: rgba(var(--colorCardiumPrimaryRGB));
}

[data-cardium-accent="green"] {
  --colorCardiumPrimaryRGB: 0, 135, 95;
  --colorCardiumPrimaryLightRGB: 204, 231, 223;
  --colorCardiumPrimaryHover: #007351;
  --colorCardiumPrimaryActive: #006547;
  --colorCardiumAppBackgroundRGB: 247, 251, 250;
  --colorCardiumButtonHoverRGB: 24, 107, 103;
  --colorCardiumLightBackgroundRGB: 164, 222, 205;
  --colorCardiumdarkBackgroundRGB: 28, 64, 53;
  --colorCardiumTabBackgroundRGB: 18, 48, 39;
  --colorCardiumTableHeader: rgba(var(--colorCardiumPrimaryRGB));
}

[data-cardium-accent="red"] {
  --colorCardiumPrimaryRGB: 216, 0, 47;
  --colorCardiumPrimaryLightRGB: 247, 204, 213;
  --colorCardiumPrimaryHover: #b80028;
  --colorCardiumPrimaryActive: #a20023;
  --colorCardiumAppBackgroundRGB: 254, 247, 249;
  --colorCardiumButtonHoverRGB: 153, 20, 49;
  --colorCardiumLightBackgroundRGB: 221, 247, 250;
  --colorCardiumdarkBackgroundRGB: 252, 204, 215;
  --colorCardiumTabBackgroundRGB: 252, 204, 215;
  --colorCardiumTableHeader: rgba(var(--colorCardiumPrimaryRGB));
}

[data-cardium-accent="orange"] {
  --colorCardiumPrimaryRGB: 239, 92, 32;
  --colorCardiumPrimaryLightRGB: 252, 222, 210;
  --colorCardiumPrimaryHover: #cb4e1b;
  --colorCardiumPrimaryActive: #b34518;
  --colorCardiumAppBackgroundRGB: 255, 250, 248;
  --colorCardiumButtonHoverRGB: 138, 58, 25;
  --colorCardiumLightBackgroundRGB: 245, 205, 188;
  --colorCardiumdarkBackgroundRGB: 150, 74, 42;
  --colorCardiumTabBackgroundRGB: 150, 74, 42;
  --colorCardiumTableHeader: rgba(var(--colorCardiumPrimaryRGB));
}

[data-cardium-accent="yellow"] {
  --colorCardiumPrimaryRGB: 197, 137, 0;
  --colorCardiumPrimaryLightRGB: 243, 231, 204;
  --colorCardiumPrimaryHover: #a77400;
  --colorCardiumPrimaryActive: #946700;
  --colorCardiumAppBackgroundRGB: 253, 251, 247;
  --colorCardiumButtonHoverRGB: 24, 107, 103;
  --colorCardiumLightBackgroundRGB: 247, 233, 200;
  --colorCardiumdarkBackgroundRGB: 143, 110, 36;
  --colorCardiumTabBackgroundRGB: 143, 110, 36;
  --colorCardiumTableHeader: rgba(var(--colorCardiumPrimaryRGB));
}

[data-cardium-accent="pink"] {
  --colorCardiumPrimaryRGB: 226, 49, 119;
  --colorCardiumPrimaryLightRGB: 249, 214, 228;
  --colorCardiumPrimaryHover: #c02a65;
  --colorCardiumPrimaryActive: #aa2559;
  --colorCardiumAppBackgroundRGB: 254, 249, 251;
  --colorCardiumButtonHoverRGB: 184, 51, 104;
  --colorCardiumLightBackgroundRGB: 247, 200, 219;
  --colorCardiumdarkBackgroundRGB: 156, 47, 90;
  --colorCardiumTabBackgroundRGB: 156, 47, 90;
  --colorCardiumTableHeader: rgba(var(--colorCardiumPrimaryRGB));
}

[data-cardium-accent="neutral"] {
  --colorCardiumPrimaryRGB: 17, 17, 17;
  --colorCardiumPrimaryLightRGB: 207, 207, 207;
  --colorCardiumPrimaryHover: #0e0e0e;
  --colorCardiumPrimaryActive: #0d0d0d;
  --colorCardiumAppBackgroundRGB: 248, 248, 248;
  --colorCardiumButtonHoverRGB: 41, 40, 40;
  --colorCardiumLightBackgroundRGB: 212, 207, 207;
  --colorCardiumdarkBackgroundRGB: 207, 207, 207;
  --colorCardiumTabBackgroundRGB: 207, 207, 207;
  --colorCardiumTableHeader: rgba(var(--colorCardiumPrimaryRGB));
}

[data-cardium-accent="custom"] {
  --colorCardiumPrimaryRGB: 17, 17, 17;
  --colorCardiumPrimaryLightRGB: 207, 207, 207;
  --colorCardiumPrimaryHover: #0e0e0e;
  --colorCardiumPrimaryActive: #0d0d0d;
  --colorCardiumAppBackgroundRGB: 248, 248, 248;
  --colorCardiumButtonHoverRGB: 41, 40, 40;
  --colorCardiumLightBackgroundRGB: 212, 207, 207;
  --colorCardiumdarkBackgroundRGB: 207, 207, 207;
  --colorCardiumTabBackgroundRGB: 207, 207, 207;
  --colorCardiumTableHeader: var(--colorCardiumPrimary) !important;
}