[data-actus-accent] {
  --actus-color-primary: rgb(var(--actus-color-primary-rgb));
  --actus-color-primary-light: rgba(var(--actus-color-primary-rgb), .15);
  --actus-bg-app: rgb(var(--actus-bg-app-rgb));
  --actus-bg-item: rgba(var(--actus-color-primary-rgb), .05);
  --actus-bg-item-hover: rgba(var(--actus-color-primary-rgb), .1);
  --actus-color-primary-light-hover: rgba(var(--actus-color-primary-rgb), .2);
  --actus-color-primary-light-active: rgba(var(--actus-color-primary-rgb), .3);
  --actus-shadow-primary-light: rgba(var(--actus-color-primary-rgb), .45);
}

.actus--dark-mode[data-actus-accent],
.actus--dark-mode [data-actus-accent] {
  --actus-bg-item-hover: rgba(var(--actus-color-primary-rgb), .08);
  --actus-bg-app-rgb: 27, 27, 29;
}

[data-actus-accent=blue] {
  --actus-color-primary-rgb: 5, 80, 230;
  --actus-color-primary-light-rgb: 205, 220, 250;
  --actus-color-primary-hover: rgb(4.25, 68, 195.5);
  --actus-color-primary-active: rgb(3.75, 60, 172.5);
  --actus-bg-app-rgb: 248, 250, 254;
  --actus-bg-header: #e1eafc;
  --actus-color-sticky-rgb: 235, 241, 253;
}

[data-actus-accent=light_blue] {
  --actus-color-primary-rgb: 47, 109, 208;
  --actus-color-primary-light-rgb: 213, 226, 246;
  --actus-color-primary-hover: rgb(39.95, 92.65, 176.8);
  --actus-color-primary-active: rgb(35.25, 81.75, 156);
  --actus-bg-app-rgb: 249, 251, 254;
  --actus-bg-header: rgb(230.04, 237.48, 249.36);
  --actus-color-sticky-rgb: 238, 243, 251;
}

[data-actus-accent=dark_purple] {
  --actus-color-primary-rgb: 67, 0, 191;
  --actus-color-primary-light-rgb: 217, 204, 242;
  --actus-color-primary-hover: rgb(56.95, 0, 162.35);
  --actus-color-primary-active: rgb(50.25, 0, 143.25);
  --actus-bg-app-rgb: 249, 247, 253;
  --actus-bg-header: rgb(232.44, 224.4, 247.32);
  --actus-color-sticky-rgb: 240, 235, 250;
  --actus-color-primary-light-hover: rgba(var(--actus-color-primary-rgb), .2);
  --actus-color-primary-light-active: rgba(var(--actus-color-primary-rgb), .25);
  --actus-shadow-primary-light: rgba(var(--actus-color-primary-rgb), .4);
  --actus-bg-item-hover: rgba(var(--actus-color-primary-rgb), .08);
}

[data-actus-accent=purple] {
  --actus-color-primary-rgb: 91, 0, 255;
  --actus-color-primary-light-rgb: 222, 204, 255;
  --actus-color-primary-hover: rgb(77.35, 0, 216.75);
  --actus-color-primary-active: rgb(68.25, 0, 191.25);
  --actus-bg-app-rgb: 250, 247, 255;
  --actus-bg-header: rgb(235.32, 224.4, 255);
  --actus-color-sticky-rgb: 242, 235, 255;
  --actus-color-primary-light-hover: rgba(var(--actus-color-primary-rgb), .2);
  --actus-color-primary-light-active: rgba(var(--actus-color-primary-rgb), .25);
  --actus-shadow-primary-light: rgba(var(--actus-color-primary-rgb), .4);
  --actus-bg-item-hover: rgba(var(--actus-color-primary-rgb), .08);
}

[data-actus-accent=teal] {
  --actus-color-primary-rgb: 16, 133, 127;
  --actus-color-primary-light-rgb: 207, 231, 229;
  --actus-color-primary-hover: rgb(13.6, 113.05, 107.95);
  --actus-color-primary-active: rgb(12, 99.75, 95.25);
  --actus-bg-app-rgb: 248, 251, 251;
  --actus-bg-header: rgb(226.32, 240.36, 239.64);
  --actus-color-sticky-rgb: 236, 245, 245;
}

[data-actus-accent=green] {
  --actus-color-primary-rgb: 0, 135, 95;
  --actus-color-primary-light-rgb: 204, 231, 223;
  --actus-color-primary-hover: rgb(0, 114.75, 80.75);
  --actus-color-primary-active: rgb(0, 101.25, 71.25);
  --actus-bg-app-rgb: 247, 251, 250;
  --actus-bg-header: rgb(224.4, 240.6, 235.8);
  --actus-color-sticky-rgb: 235, 245, 242;
}

[data-actus-accent=red] {
  --actus-color-primary-rgb: 216, 0, 47;
  --actus-color-primary-light-rgb: 247, 204, 213;
  --actus-color-primary-hover: rgb(183.6, 0, 39.95);
  --actus-color-primary-active: rgb(162, 0, 35.25);
  --actus-bg-app-rgb: 254, 247, 249;
  --actus-bg-header: rgb(250.32, 224.4, 230.04);
  --actus-color-sticky-rgb: 252, 235, 238;
}

[data-actus-accent=orange] {
  --actus-color-primary-rgb: 218, 99, 1;
  --actus-color-primary-light-rgb: 248, 224, 204;
  --actus-color-primary-hover: rgb(185.3, 84.15, .85);
  --actus-color-primary-active: rgb(163.5, 74.25, .75);
  --actus-bg-app-rgb: 254, 250, 247;
  --actus-bg-header: rgb(250.56, 236.28, 224.52);
  --actus-color-sticky-rgb: 252, 243, 235;
}

[data-actus-accent=yellow] {
  --actus-color-primary-rgb: 179, 122, 0;
  --actus-color-primary-light-rgb: 240, 228, 204;
  --actus-color-primary-hover: rgb(152.15, 103.7, 0);
  --actus-color-primary-active: rgb(134.25, 91.5, 0);
  --actus-bg-app-rgb: 253, 251, 247;
  --actus-bg-header: rgb(245.88, 239.04, 224.4);
  --actus-color-sticky-rgb: 249, 244, 235;
}

[data-actus-accent=pink] {
  --actus-color-primary-rgb: 209, 47, 112;
  --actus-color-primary-light-rgb: 246, 213, 226;
  --actus-color-primary-hover: rgb(177.65, 39.95, 95.2);
  --actus-color-primary-active: rgb(156.75, 35.25, 84);
  --actus-bg-app-rgb: 254, 249, 251;
  --actus-bg-header: rgb(249.48, 230.04, 237.84);
  --actus-color-sticky-rgb: 251, 238, 244;
}

[data-actus-accent=neutral] {
  --actus-color-primary-rgb: 17, 17, 17;
  --actus-color-primary-light-rgb: 207, 207, 207;
  --actus-color-primary-hover: rgb(14.45, 14.45, 14.45);
  --actus-color-primary-active: rgb(12.75, 12.75, 12.75);
  --actus-bg-app-rgb: 248, 248, 248;
  --actus-bg-header: rgb(226.44, 226.44, 226.44);
  --actus-color-sticky-rgb: 236, 236, 236;
}

[data-actus-accent=custom] {
  --actus-color-primary-rgb: 17, 17, 17;
  --actus-color-primary-light-rgb: 207, 207, 207;
  --actus-color-primary-hover: rgb(14.45, 14.45, 14.45);
  --actus-color-primary-active: rgb(12.75, 12.75, 12.75);
  --actus-bg-app-rgb: 248, 248, 248;
  --actus-bg-header: rgb(226.44, 226.44, 226.44);
  --actus-color-sticky-rgb: 236, 236, 236;
}

.actus--dark-mode[data-actus-accent=blue],
.actus--dark-mode [data-actus-accent=blue] {
  --actus-color-primary-rgb: 144, 174, 239;
  --actus-color-primary-light-rgb: 62, 68, 84;
  --actus-color-primary-hover: rgb(155.1, 182.1, 240.6);
  --actus-color-primary-active: rgb(160.65, 186.15, 241.4);
  --actus-bg-header: rgb(54.75, 58.5, 69.25);
}

.actus--dark-mode[data-actus-accent=claro_blue],
.actus--dark-mode [data-actus-accent=claro_blue] {
  --actus-color-primary-rgb: 115, 145, 216;
  --actus-color-primary-light-rgb: 57, 63, 79;
  --actus-color-primary-hover: rgb(129, 156, 219.9);
  --actus-color-primary-active: rgb(136, 161.5, 221.85);
  --actus-bg-header: rgb(51.125, 54.875, 66.375);
}

.actus--dark-mode[data-actus-accent=light_blue],
.actus--dark-mode [data-actus-accent=light_blue] {
  --actus-color-primary-rgb: 130, 191, 232;
  --actus-color-primary-light-rgb: 60, 72, 82;
  --actus-color-primary-hover: rgb(142.5, 197.4, 234.3);
  --actus-color-primary-active: rgb(148.75, 200.6, 235.45);
  --actus-bg-header: rgb(53, 60.625, 68.375);
}

.actus--dark-mode[data-actus-accent=dark_purple],
.actus--dark-mode [data-actus-accent=dark_purple] {
  --actus-color-primary-rgb: 173, 143, 232;
  --actus-color-primary-light-rgb: 68, 62, 82;
  --actus-color-primary-hover: rgb(181.2, 154.2, 234.3);
  --actus-color-primary-active: rgb(185.3, 159.8, 235.45);
  --actus-bg-header: rgb(58.375, 54.625, 68.375);
}

.actus--dark-mode[data-actus-accent=purple],
.actus--dark-mode [data-actus-accent=purple] {
  --actus-color-primary-rgb: 219, 165, 239;
  --actus-color-primary-light-rgb: 77, 67, 84;
  --actus-color-primary-hover: rgb(222.6, 174, 240.6);
  --actus-color-primary-active: rgb(224.4, 178.5, 241.4);
  --actus-bg-header: rgb(64.125, 57.375, 69.25);
}

.actus--dark-mode[data-actus-accent=teal],
.actus--dark-mode [data-actus-accent=teal] {
  --actus-color-primary-rgb: 0, 234, 208;
  --actus-color-primary-light-rgb: 34, 80, 78;
  --actus-color-primary-hover: rgb(25.5, 236.1, 212.7);
  --actus-color-primary-active: rgb(38.25, 237.15, 215.05);
  --actus-bg-header: rgb(36.75, 66, 65.375);
}

.actus--dark-mode[data-actus-accent=green],
.actus--dark-mode [data-actus-accent=green] {
  --actus-color-primary-rgb: 107, 212, 161;
  --actus-color-primary-light-rgb: 55, 76, 68;
  --actus-color-primary-hover: rgb(121.8, 216.3, 170.4);
  --actus-color-primary-active: rgb(129.2, 218.45, 175.1);
  --actus-bg-header: rgb(50.125, 63.25, 59.5);
}

.actus--dark-mode[data-actus-accent=red],
.actus--dark-mode [data-actus-accent=red] {
  --actus-color-primary-rgb: 236, 137, 137;
  --actus-color-primary-light-rgb: 81, 61, 63;
  --actus-color-primary-hover: rgb(237.9, 148.8, 148.8);
  --actus-color-primary-active: rgb(238.85, 154.7, 154.7);
  --actus-bg-header: rgb(66.25, 53.875, 56.5);
}

.actus--dark-mode[data-actus-accent=orange],
.actus--dark-mode [data-actus-accent=orange] {
  --actus-color-primary-rgb: 247, 149, 118;
  --actus-color-primary-light-rgb: 83, 63, 60;
  --actus-color-primary-hover: rgb(247.8, 159.6, 131.7);
  --actus-color-primary-active: rgb(248.2, 164.9, 138.55);
  --actus-bg-header: rgb(67.625, 55.375, 54.125);
}

.actus--dark-mode[data-actus-accent=yellow],
.actus--dark-mode [data-actus-accent=yellow] {
  --actus-color-primary-rgb: 241, 201, 112;
  --actus-color-primary-light-rgb: 82, 74, 58;
  --actus-color-primary-hover: rgb(242.4, 206.4, 126.3);
  --actus-color-primary-active: rgb(243.1, 209.1, 133.45);
  --actus-bg-header: rgb(66.875, 61.875, 53.375);
}

.actus--dark-mode[data-actus-accent=pink],
.actus--dark-mode [data-actus-accent=pink] {
  --actus-color-primary-rgb: 231, 157, 163;
  --actus-color-primary-light-rgb: 80, 65, 69;
  --actus-color-primary-hover: rgb(233.4, 166.8, 172.2);
  --actus-color-primary-active: rgb(234.6, 171.7, 176.8);
  --actus-bg-header: rgb(65.625, 56.375, 59.75);
}

.actus--dark-mode[data-actus-accent=neutral],
.actus--dark-mode [data-actus-accent=neutral] {
  --actus-color-primary-rgb: 255, 255, 255;
  --actus-color-primary-light-rgb: 85, 85, 87;
  --actus-color-primary-hover: white;
  --actus-color-primary-active: white;
  --actus-bg-header: rgb(68.625, 68.625, 71.25);
}

.actus--dark-mode[data-actus-accent=custom],
.actus--dark-mode [data-actus-accent=custom] {
  --actus-color-primary-rgb: 255, 255, 255;
  --actus-color-primary-light-rgb: 85, 85, 87;
  --actus-color-primary-hover: white;
  --actus-color-primary-active: white;
  --actus-bg-header: rgb(68.625, 68.625, 71.25);
}

@media (forced-colors: none) {
  .actus--high-contrast-mode {
    --actus-bg-app: #d9dbde;
    --actus-color-text: rgba(0, 0, 0, .8);
    --actus-color-text-light: rgba(0, 0, 0, .8);
    --actus-icon-color: rgba(0, 0, 0, .8);
    --actus-color-focus: rgba(0, 0, 0, .8);
    --actus-border-color: rgba(0, 0, 0, .8);
    --actus-border-color-secondary: rgba(0, 0, 0, .6);
    --actus-border-color-layer: rgba(0, 0, 0, .6);
    --actus-border-color-layer2: rgba(0, 0, 0, .8);
    --actus-border-color-table: rgba(0, 0, 0, .8);
    --actus-border-color-table-header: rgba(0, 0, 0, .8);
    --actus-border-color-form-element: rgba(0, 0, 0, .8);
  }

  .actus--dark-mode .actus--high-contrast-mode {
    --actus-bg-app: #000;
    --actus-color-text: rgba(255, 255, 255, .8);
    --actus-color-text-light: rgba(255, 255, 255, .8);
    --actus-icon-color: rgba(255, 255, 255, .8);
    --actus-color-focus: rgba(255, 255, 255, .8);
    --actus-border-color: rgba(255, 255, 255, .8);
    --actus-border-color-secondary: rgba(255, 255, 255, .6);
    --actus-border-color-layer: rgba(255, 255, 255, .6);
    --actus-border-color-layer2: rgba(255, 255, 255, .8);
    --actus-border-color-table: rgba(255, 255, 255, .8);
    --actus-border-color-table-header: rgba(255, 255, 255, .8);
    --actus-border-color-form-element: rgba(255, 255, 255, .8);
  }
}

[data-actus-focus=green] {
  --actus-color-focus: rgba(8, 163, 144, .6);
}

[data-actus-focus=claro] {
  --actus-color-focus: rgba(38, 167, 105, .6);
}

[data-actus-focus=orange] {
  --actus-color-focus: rgba(236, 124, 87, .6);
}

[data-actus-focus=dark] {
  --actus-color-focus: var(--actus-color-focus-neutral-rgb);
}

[data-actus-focus=accent] {
  --actus-color-focus: rgba(var(--actus-color-primary-rgb), .6);
}