[data-gin-accent=blue] {
  --gin-color-sticky-rgb: 235, 241, 253;
}

[data-gin-accent=light_blue] {
  --gin-color-sticky-rgb: 238, 243, 251;
}

[data-gin-accent=dark_purple] {
  --gin-color-sticky-rgb: 240, 235, 250;
}

[data-gin-accent=purple] {
  --gin-color-sticky-rgb: 242, 235, 255;
}

[data-gin-accent=teal] {
  --gin-color-sticky-rgb: 236, 245, 245;
}

[data-gin-accent=green] {
  --gin-color-sticky-rgb: 235, 245, 242;
}

[data-gin-accent=red] {
  --gin-color-sticky-rgb: 252, 235, 238;
}

[data-gin-accent=orange] {
  --gin-color-sticky-rgb: 252, 243, 235;
}

[data-gin-accent=yellow] {
  --gin-color-sticky-rgb: 249, 244, 235;
}

[data-gin-accent=pink] {
  --gin-color-sticky-rgb: 251, 238, 244;
}

[data-gin-accent=neutral] {
  --gin-color-sticky-rgb: 236, 236, 236;
}

[data-gin-accent=custom] {
  --gin-color-sticky-rgb: 236, 236, 236;
}

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

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

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

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

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

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

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

