:root {
  --tab-text: var(--base-heading);
  --tab-text-active: var(--base-link);
  --tab-bg: var(--base-highlight-bg);
  --form-checkbox-border: var(--base-text);
  --form-tooltip-icon: var(--base-highlight-text);
  --border-color: var(--base-borders);
}

.c1-bg {
    --tab-text: var(--c1-heading);
    --tab-text-active: var(--c1-highlight-text);
    --tab-bg: var(--c1-highlight-bg);
    --form-checkbox-border: var(--c1-highlight-text);
    --form-tooltip-icon: var(--c1-highlight-text);
    --border-color: var(--c1-borders);
}

.c2-bg {
    --tab-text: var(--c2-heading);
    --tab-text-active: var(--c2-highlight-text);
    --tab-bg: var(--c2-highlight-bg);
    --form-checkbox-border: var(--c2-text);
    --form-tooltip-icon: var(--c2-text);
    --border-color: var(--c2-borders);
}

.c3-bg {
    --tab-text: var(--c3-heading);
    --tab-text-active: var(--c3-highlight-text);
    --tab-bg: var(--c3-highlight-bg);
    --form-checkbox-border: var(--c3-text);
    --form-tooltip-icon: var(--c3-text);
    --border-color: var(--c3-borders);
}

.c4-bg {
    --tab-text: var(--c4-heading);
    --tab-text-active: var(--c4-highlight-text);
    --tab-bg: var(--c4-highlight-bg);
    --form-checkbox-border: var(--c4-text);
    --form-tooltip-icon: var(--c4-text);
    --border-color: var(--c4-borders);
}

.c5-bg {
    --tab-text: var(--c5-heading);
    --tab-text-active: var(--c5-highlight-text);
    --tab-bg: var(--c5-highlight-bg);
    --form-checkbox-border: var(--c5-text);
    --form-tooltip-icon: var(--c5-text);
    --border-color: var(--c5-borders);
}

.c6-bg {
    --tab-text: var(--c6-heading);
    --tab-text-active: var(--c6-highlight-text);
    --tab-bg: var(--c6-highlight-bg);
    --form-checkbox-border: var(--c6-text);
    --form-tooltip-icon: var(--c6-text);
    --border-color: var(--c6-borders);
}

.c7-bg {
  --tab-text: var(--c7-heading);
  --tab-text-active: var(--c7-highlight);
  --tab-bg: var(--c7-highlight-bg);
  --form-checkbox-border: var(--c7-text);
  --form-tooltip-icon: var(--c7-text);
  --border-color: var(--c7-borders);
  background: rgba(var(--c7-bg-color1), 0.1) !important;
  backdrop-filter: blur(5px) !important;
}
