html body {
  --stations-theme-color-primary: rgb(76 143 151);
  --stations-theme-color-primary-hover: rgb(54 104 115);
  --stations-theme-color-primary-active: #440F11;
  --stations-theme-color-primary-light: rgba(var(--stations-theme-color-primary), .15);
  --stations-theme-color-primary-light-hover: rgba(var(--stations-theme-color-primary), .2);
  --stations-theme-color-primary-light-active: rgba(var(--stations-theme-color-primary), .3);
  --stations-theme-color-secondary: rgb(68, 15, 17);
  --stations-theme-color-border: #760000;
  --stations-theme-color-dark: #440F11;
  --stations-theme-color-title: #222330;
  --stations-theme-color-text: #440F11;
  --stations-theme-bg-layer: rgb(246, 246, 246);
}

html body[data-gin-accent] {
  --gin-color-primary: var(--stations-theme-color-primary);
  --gin-color-primary-rgb: 187, 219, 160;
  --gin-color-primary-hover: var(--stations-theme-color-primary-hover);
  --gin-bg-item-hover: rgba(var(--gin-color-primary-rgb), .1);
  --gin-icon-color: var(--stations-theme-color-primary-hover);
  --gin-color-primary-active: var(--stations-theme-color-primary-active);
  --gin-color-focus: var(--stations-theme-color-primary-active);
  --gin-color-focus-border: var(--stations-theme-color-primary-active);
  --gin-bg-app-rgb: 246, 246, 246;
  --gin-bg-header: rgb(219 185 160);
  --gin-color-sticky-rgb: 253, 244, 237;

  --gin-color-primary-light: rgba(var(--gin-color-primary-rgb), .15);
  --gin-bg-app: rgb(var(--gin-bg-app-rgb));
  --gin-bg-layer-rgb: 255, 255, 255;
  --gin-bg-item: rgba(var(--gin-color-primary-rgb), .05);
  --gin-color-primary-light-hover: rgba(var(--gin-color-primary-rgb), .2);
  --gin-color-primary-light-active: rgba(var(--gin-color-primary-rgb), .3);
  --gin-shadow-primary-light: rgba(var(--gin-color-primary-rgb), .45);
}

html body.gin--dark-mode[data-gin-accent="custom"],
html body.gin--dark-mode [data-gin-accent="custom"] {
  --gin-color-primary-rgb: 249, 209, 178;
  --gin-color-primary-hover: #a3a2a2;
  --gin-color-primary-active: #bdb7b7;
  --gin-bg-header: #423e3c;
}

html body[data-gin-focus] {
  --gin-color-focus: rgb(140 140 140 / 0.6);
}