:root {
    /* ------------ SUCCESS ------------- */
    --hbr-color-success-95: var(--hbr-color-green-95);
    --hbr-color-success-90: var(--hbr-color-green-90);
    --hbr-color-success-85: var(--hbr-color-green-85);
    --hbr-color-success-80: var(--hbr-color-green-80);
    --hbr-color-success-70: var(--hbr-color-green-70);
    --hbr-color-success-65: var(--hbr-color-green-65);
    --hbr-color-success-60: var(--hbr-color-green-60);
    --hbr-color-success-55: var(--hbr-color-green-55);
    --hbr-color-success-50: var(--hbr-color-green-50);
    --hbr-color-success-45: var(--hbr-color-green-45);
    --hbr-color-success-40: var(--hbr-color-green-40);
    --hbr-color-success-35: var(--hbr-color-green-35);

    --hbr-color-success-highlight: #45991F4D;

    /* ------------ INFO ------------- */
    --hbr-color-info-95: var(--hbr-color-blue-95);
    --hbr-color-info-90: var(--hbr-color-blue-90);
    --hbr-color-info-85: var(--hbr-color-blue-85);
    --hbr-color-info-80: var(--hbr-color-blue-80);
    --hbr-color-info-70: var(--hbr-color-blue-70);
    --hbr-color-info-65: var(--hbr-color-blue-65);
    --hbr-color-info-60: var(--hbr-color-blue-60);
    --hbr-color-info-55: var(--hbr-color-blue-55);
    --hbr-color-info-50: var(--hbr-color-blue-50);
    --hbr-color-info-45: var(--hbr-color-blue-45);
    --hbr-color-info-40: var(--hbr-color-blue-40);
    --hbr-color-info-35: var(--hbr-color-blue-35);

    --hbr-color-info-highlight: #3E84E54D;
    --hbr-color-info: var(--hbr-color-info-50);
}

.hbr-mode-dark {
    --hbr-color-success-95: var(--hbr-color-green-95);
    --hbr-color-success-90: var(--hbr-color-green-90);
    --hbr-color-success-85: var(--hbr-color-green-85);
    --hbr-color-success-80: var(--hbr-color-green-80);
    --hbr-color-success-70: var(--hbr-color-green-70);
    --hbr-color-success-65: var(--hbr-color-green-65);
    --hbr-color-success-60: var(--hbr-color-green-60);
    --hbr-color-success-55: var(--hbr-color-green-55);
    --hbr-color-success-50: var(--hbr-color-green-50);
    --hbr-color-success-45: var(--hbr-color-green-45);
    --hbr-color-success-40: var(--hbr-color-green-40);
    --hbr-color-success-35: var(--hbr-color-green-35);

    --hbr-color-success-hover: var(--hbr-color-success-70);
    --hbr-color-success-active: var(--hbr-color-success-70);
    --hbr-color-success-selected: var(--hbr-color-success-80);
    --hbr-color-success-focus: var(--hbr-color-success-70);
    --hbr-color-success-disabled: #5EB03580;
    --hbr-color-success-highlight: #50A32940;
    --hbr-color-success-medium: var(--hbr-color-success-70);
    --hbr-color-success-medium-disabled: #50A32980;
    --hbr-color-success-weak: var(--hbr-color-success-60);
    --hbr-color-success-weak-highlight: #5EB03540;
    --hbr-color-success-bg: #5EB03540;
    --hbr-color-success-bg-medium: #39851980;
    --hbr-color-success-bg-weak: var(--hbr-color-success-70);
    --hbr-color-success-bg-hover: #5EB03540;
    --hbr-color-success-bg-medium-hover: #5EB03520;
    --hbr-color-success-bg-weak-hover: var(--hbr-color-success-70);
    --hbr-color-success-bg-selected: #5EB03510;
    --hbr-color-success-bg-weak-selected: var(--hbr-color-success-70);
    --hbr-color-success-bg-weak-selected-hover: var(--hbr-color-success-80);
    --hbr-color-success-bg-disabled: #50A32980;
    --hbr-color-success-vivid-bg: var(--hbr-color-success-60);
    --hbr-color-success-text: var(--hbr-color-success-80);
    --hbr-color-success-text-medium: var(--hbr-color-success-70);
    --hbr-color-success-text-weak: var(--hbr-color-success-70);
    --hbr-color-success-text-hover: var(--hbr-color-success-70);
    --hbr-color-success-text-medium-hover: var(--hbr-color-success-70);
    --hbr-color-success-text-weak-hover: var(--hbr-color-success-65);
    --hbr-color-success-text-disabled: #5EB03580;
    --hbr-color-success-vivid-text: var(--hbr-color-success-95);
    --hbr-color-success-contrast-text: #39851980;
    --hbr-color-success-icon: var(--hbr-color-success-80);
    --hbr-color-success-icon-hover: var(--hbr-color-success-95);
    --hbr-color-success-icon-weak-hover: var(--hbr-color-success-90);
    --hbr-color-success-icon-weak-selected: var(--hbr-color-success-90);
    --hbr-color-success-contrast-icon: var(--hbr-color-success-50);
    --hbr-color-success-icon-disabled: #50A32980;
    --hbr-color-success-contrast-icon-disabled: var(--hbr-color-success-70);
    --hbr-color-success-vivid-icon: var(--hbr-color-success-98);
    --hbr-color-success-border: var(--hbr-color-success-80);
    --hbr-color-success-border-medium: var(--hbr-color-success-70);
    --hbr-color-success-border-weak: var(--hbr-color-success-80);
    --hbr-color-success-border-hover: var(--hbr-color-success-70);
    --hbr-color-success-border-disabled: #50A32980;
    --hbr-color-success-vivid-border: var(--hbr-color-success-65);
    --hbr-color-success-vivid-border-hover: var(--hbr-color-success-85);

    --hbr-color-info-95: var(--hbr-color-blue-95);
    --hbr-color-info-90: var(--hbr-color-blue-90);
    --hbr-color-info-85: var(--hbr-color-blue-85);
    --hbr-color-info-80: var(--hbr-color-blue-80);
    --hbr-color-info-70: var(--hbr-color-blue-70);
    --hbr-color-info-65: var(--hbr-color-blue-65);
    --hbr-color-info-60: var(--hbr-color-blue-60);
    --hbr-color-info-55: var(--hbr-color-blue-55);
    --hbr-color-info-50: var(--hbr-color-blue-50);
    --hbr-color-info-45: var(--hbr-color-blue-45);
    --hbr-color-info-40: var(--hbr-color-blue-40);
    --hbr-color-info-35: var(--hbr-color-blue-35);

    --hbr-color-info: var(--hbr-color-info-70);
    --hbr-color-info-hover: var(--hbr-color-info-70);
    --hbr-color-info-active: var(--hbr-color-info-70);
    --hbr-color-info-selected: var(--hbr-color-info-70);
    --hbr-color-info-focus: var(--hbr-color-info-70);
    --hbr-color-info-disabled: #649EF580;
    --hbr-color-info-highlight: #5191F040;
    --hbr-color-info-medium: var(--hbr-color-info-65);
    --hbr-color-info-medium-disabled: #5191F080;
    --hbr-color-info-weak: var(--hbr-color-info-50);
    --hbr-color-info-weak-highlight: #649EF540;
    --hbr-color-info-bg: #649EF540;
    --hbr-color-info-bg-medium: #2774D980;
    --hbr-color-info-bg-weak: var(--hbr-color-info-65);
    --hbr-color-info-bg-hover: #649EF540;
    --hbr-color-info-bg-medium-hover: #649EF520;
    --hbr-color-info-bg-weak-hover: var(--hbr-color-info-65);
    --hbr-color-info-bg-selected: #649EF510;
    --hbr-color-info-bg-weak-selected: var(--hbr-color-info-70);
    --hbr-color-info-bg-weak-selected-hover: var(--hbr-color-info-80);
    --hbr-color-info-bg-disabled: #5191F080;
    --hbr-color-info-vivid-bg: var(--hbr-color-info-50);
    --hbr-color-info-text: var(--hbr-color-info-70);
    --hbr-color-info-text-medium: var(--hbr-color-info-65);
    --hbr-color-info-text-weak: var(--hbr-color-info-60);
    --hbr-color-info-text-hover: var(--hbr-color-info-65);
    --hbr-color-info-text-medium-hover: var(--hbr-color-info-65);
    --hbr-color-info-text-weak-hover: var(--hbr-color-info-55);
    --hbr-color-info-text-disabled: #649EF580;
    --hbr-color-info-vivid-text: var(--hbr-color-info-95);
    --hbr-color-info-contrast-text: #2774D980;
    --hbr-color-info-icon: var(--hbr-color-info-80);
    --hbr-color-info-icon-hover: var(--hbr-color-info-95);
    --hbr-color-info-icon-weak-hover: var(--hbr-color-info-90);
    --hbr-color-info-icon-weak-selected: var(--hbr-color-info-90);
    --hbr-color-info-contrast-icon: var(--hbr-color-info-40);
    --hbr-color-info-icon-disabled: #5191F080;
    --hbr-color-info-contrast-icon-disabled: var(--hbr-color-info-70);
    --hbr-color-info-vivid-icon: var(--hbr-color-info-98);
    --hbr-color-info-border: var(--hbr-color-info-70);
    --hbr-color-info-border-medium: var(--hbr-color-info-70);
    --hbr-color-info-border-weak: var(--hbr-color-info-80);
    --hbr-color-info-border-hover: var(--hbr-color-info-65);
    --hbr-color-info-border-disabled: #5191F080;
    --hbr-color-info-vivid-border: var(--hbr-color-info-55);
    --hbr-color-info-vivid-border-hover: var(--hbr-color-info-85);
}
/*
 * Classic light differences
 * Generated on 2025-07-30T20:41:36.394Z
 * Token count: 123
 */

/* Auto-generated CSS custom properties */
:root {
  --data-viz-excellent-active: #087041;
  --data-viz-excellent-default: #087041;
  --data-viz-excellent-focus: #075e39;
  --data-viz-excellent-gradient-default: linear-gradient(180deg, #087041 50%, #0f874c 100%);
  --data-viz-excellent-gradient-default-end: #087041;
  --data-viz-excellent-gradient-default-start: #0f874c;
  --data-viz-excellent-hover: #075e39;
  --data-viz-excellent-weak-gradient-active: linear-gradient(180deg, #97e5b8 0%, #ffffff 100%);
  --data-viz-excellent-weak-gradient-active-end: #97e5b8;
  --data-viz-excellent-weak-gradient-default: linear-gradient(180deg, #97e5b8 0%, #ffffff 100%);
  --data-viz-excellent-weak-gradient-default-end: #97e5b8;
  --data-viz-excellent-weak-gradient-focus: linear-gradient(180deg, #75d9a0 0%, #d4f5e1 100%);
  --data-viz-excellent-weak-gradient-focus-end: #75d9a0;
  --data-viz-excellent-weak-gradient-focus-start: #d4f5e1;
  --data-viz-excellent-weak-gradient-hover: linear-gradient(180deg, #75d9a0 0%, #d4f5e1 100%);
  --data-viz-excellent-weak-gradient-hover-end: #75d9a0;
  --data-viz-excellent-weak-gradient-hover-start: #d4f5e1;
  --data-viz-positive-active: #45991f;
  --data-viz-positive-default: #45991f;
  --data-viz-positive-focus: #2b7a0c;
  --data-viz-positive-gradient-default: linear-gradient(180deg, #45991f 50%, #5eb035 100%);
  --data-viz-positive-gradient-default-end: #45991f;
  --data-viz-positive-gradient-default-start: #5eb035;
  --data-viz-positive-hover: #2b7a0c;
  --data-viz-positive-weak-gradient-active: linear-gradient(180deg, #b0e396 0%, #ffffff 100%);
  --data-viz-positive-weak-gradient-active-end: #b0e396;
  --data-viz-positive-weak-gradient-default: linear-gradient(180deg, #b0e396 0%, #ffffff 100%);
  --data-viz-positive-weak-gradient-default-end: #b0e396;
  --data-viz-positive-weak-gradient-focus: linear-gradient(180deg, #98d977 0%, #e0f5d5 100%);
  --data-viz-positive-weak-gradient-focus-end: #98d977;
  --data-viz-positive-weak-gradient-focus-start: #e0f5d5;
  --data-viz-positive-weak-gradient-hover: linear-gradient(180deg, #98d977 0%, #e0f5d5 100%);
  --data-viz-positive-weak-gradient-hover-end: #98d977;
  --data-viz-positive-weak-gradient-hover-start: #e0f5d5;
  --excellent-bg-medium-active: #d4f5e1;
  --excellent-bg-medium-default: #d4f5e1;
  --excellent-bg-medium-focus: #d4f5e1;
  --excellent-bg-medium-hover: #d4f5e1;
  --excellent-border-active: #087041;
  --excellent-border-default: #087041;
  --excellent-border-focus: #087041;
  --excellent-border-hover: #087041;
  --excellent-icon-active: #087041;
  --excellent-icon-default: #087041;
  --excellent-icon-focus: #087041;
  --excellent-icon-hover: #087041;
  --in-progress-bg-medium-active: #e3eeff;
  --in-progress-bg-medium-default: #e3eeff;
  --in-progress-bg-medium-focus: #e3eeff;
  --in-progress-bg-medium-hover: #e3eeff;
  --in-progress-border-active: #2774d9;
  --in-progress-border-default: #2774d9;
  --in-progress-border-focus: #2774d9;
  --in-progress-border-hover: #2774d9;
  --in-progress-icon-active: #2774d9;
  --in-progress-icon-default: #2774d9;
  --in-progress-icon-focus: #2774d9;
  --in-progress-icon-hover: #2774d9;
  --info-bg-active: #2774d9;
  --info-bg-default: #2774d9;
  --info-bg-disabled: #2774d9;
  --info-bg-focus: #2774d9;
  --info-bg-hover: #2774d9;
  --info-bg-medium-active: #e3eeff;
  --info-bg-medium-default: #e3eeff;
  --info-bg-medium-focus: #e3eeff;
  --info-bg-medium-hover: #e3eeff;
  --info-bg-strong-default: #e3eeff;
  --info-border-active: #2774d9;
  --info-border-default: #2774d9;
  --info-border-focus: #2774d9;
  --info-border-hover: #2774d9;
  --info-icon-active: #2774d9;
  --info-icon-default: #2774d9;
  --info-icon-focus: #2774d9;
  --info-icon-hover: #2774d9;
  --info-icon-weak-active: #a3c8ff;
  --info-icon-weak-default: #a3c8ff;
  --info-icon-weak-disabled: #a3c8ff;
  --info-icon-weak-focus: #a3c8ff;
  --info-icon-weak-hover: #a3c8ff;
  --port-diagram-full-speed-bg-active: #266b0b;
  --port-diagram-full-speed-bg-default: #2b7a0c;
  --port-diagram-full-speed-bg-medium-active: #6bbf41;
  --port-diagram-full-speed-bg-medium-default: #b0e396;
  --port-diagram-full-speed-border-medium-active: #266b0b;
  --port-diagram-reduced-speed-bg-active: #266b0b;
  --port-diagram-reduced-speed-bg-default: #2b7a0c;
  --port-diagram-reduced-speed-bg-medium-active: #398519;
  --port-diagram-reduced-speed-bg-medium-default: #45991f;
  --port-diagram-reduced-speed-border-medium-active: #266b0b;
  --positive-bg-active: #45991f;
  --positive-bg-default: #45991f;
  --positive-bg-disabled: #b0e396;
  --positive-bg-focus: #45991f;
  --positive-bg-hover: #45991f;
  --positive-bg-medium-active: #e0f5d5;
  --positive-bg-medium-default: #e0f5d5;
  --positive-bg-medium-focus: #e0f5d5;
  --positive-bg-medium-hover: #e0f5d5;
  --positive-bg-strong-default: #e0f5d5;
  --positive-border-active: #45991f;
  --positive-border-default: #45991f;
  --positive-border-focus: #45991f;
  --positive-border-hover: #45991f;
  --positive-border-strong-active: #398519;
  --positive-border-strong-default: #398519;
  --positive-border-strong-disabled: #398519;
  --positive-border-strong-focus: #398519;
  --positive-border-strong-hover: #398519;
  --positive-icon-active: #45991f;
  --positive-icon-default: #45991f;
  --positive-icon-focus: #45991f;
  --positive-icon-hover: #45991f;
  --positive-icon-strong-active: #45991f;
  --positive-icon-strong-default: #45991f;
  --positive-icon-strong-focus: #45991f;
  --positive-icon-strong-hover: #45991f;
  --positive-icon-weak-active: #b0e396;
  --positive-icon-weak-default: #b0e396;
  --positive-icon-weak-disabled: #b0e396;
  --positive-icon-weak-focus: #b0e396;
  --positive-icon-weak-hover: #b0e396;
}

/*
 * Classic dark differences
 * Generated on 2025-07-30T20:41:36.394Z
 * Token count: 121
 */

/* Auto-generated CSS custom properties */
.hbr-mode-dark {
  --data-viz-excellent-active: #4cbf7f;
  --data-viz-excellent-default: #4cbf7f;
  --data-viz-excellent-focus: #b6edcc;
  --data-viz-excellent-gradient-default: linear-gradient(180deg, #4cbf7f 50%, #169855 100%);
  --data-viz-excellent-gradient-default-end: #4cbf7f;
  --data-viz-excellent-gradient-default-start: #169855;
  --data-viz-excellent-hover: #b6edcc;
  --data-viz-excellent-weak-gradient-active: linear-gradient(180deg, #2f5546 0%, #23282e 100%);
  --data-viz-excellent-weak-gradient-active-end: #2f5546;
  --data-viz-excellent-weak-gradient-default: linear-gradient(180deg, #2f5546 0%, #23282e 100%);
  --data-viz-excellent-weak-gradient-default-end: #2f5546;
  --data-viz-excellent-weak-gradient-focus: linear-gradient(180deg, #387457 0%, #23282e 100%);
  --data-viz-excellent-weak-gradient-focus-end: #387457;
  --data-viz-excellent-weak-gradient-hover: linear-gradient(180deg, #387457 0%, #23282e 100%);
  --data-viz-excellent-weak-gradient-hover-end: #387457;
  --data-viz-positive-active: #6bbf41;
  --data-viz-positive-default: #6bbf41;
  --data-viz-positive-focus: #c5ebb2;
  --data-viz-positive-gradient-default: linear-gradient(180deg, #6bbf41 50%, #45991f 100%);
  --data-viz-positive-gradient-default-end: #6bbf41;
  --data-viz-positive-gradient-default-start: #45991f;
  --data-viz-positive-hover: #c5ebb2;
  --data-viz-positive-weak-gradient-active: linear-gradient(180deg, #395534 0%, #23282e 100%);
  --data-viz-positive-weak-gradient-active-end: #395534;
  --data-viz-positive-weak-gradient-default: linear-gradient(180deg, #395534 0%, #23282e 100%);
  --data-viz-positive-weak-gradient-default-end: #395534;
  --data-viz-positive-weak-gradient-focus: linear-gradient(180deg, #477438 0%, #23282e 100%);
  --data-viz-positive-weak-gradient-focus-end: #477438;
  --data-viz-positive-weak-gradient-hover: linear-gradient(180deg, #477438 0%, #23282e 100%);
  --data-viz-positive-weak-gradient-hover-end: #477438;
  --excellent-bg-medium-active: #2f5546;
  --excellent-bg-medium-default: #2f5546;
  --excellent-bg-medium-focus: #2f5546;
  --excellent-bg-medium-hover: #2f5546;
  --excellent-border-active: #4cbf7f;
  --excellent-border-default: #4cbf7f;
  --excellent-border-disabled: #4cbf7f;
  --excellent-border-focus: #4cbf7f;
  --excellent-border-hover: #4cbf7f;
  --excellent-icon-active: #4cbf7f;
  --excellent-icon-default: #4cbf7f;
  --excellent-icon-focus: #4cbf7f;
  --excellent-icon-hover: #4cbf7f;
  --in-progress-bg-medium-active: #3e506a;
  --in-progress-bg-medium-default: #3e506a;
  --in-progress-bg-medium-focus: #3e506a;
  --in-progress-bg-medium-hover: #3e506a;
  --in-progress-border-active: #7cadf7;
  --in-progress-border-default: #7cadf7;
  --in-progress-border-disabled: #7cadf7;
  --in-progress-border-focus: #7cadf7;
  --in-progress-border-hover: #7cadf7;
  --in-progress-icon-active: #7cadf7;
  --in-progress-icon-default: #7cadf7;
  --in-progress-icon-focus: #7cadf7;
  --in-progress-icon-hover: #7cadf7;
  --info-bg-active: #7cadf7;
  --info-bg-default: #7cadf7;
  --info-bg-disabled: #7cadf7;
  --info-bg-focus: #7cadf7;
  --info-bg-hover: #7cadf7;
  --info-bg-medium-active: #3e506a;
  --info-bg-medium-default: #3e506a;
  --info-bg-medium-focus: #3e506a;
  --info-bg-medium-hover: #3e506a;
  --info-bg-strong-default: #283648;
  --info-border-active: #7cadf7;
  --info-border-default: #7cadf7;
  --info-border-disabled: #7cadf7;
  --info-border-focus: #7cadf7;
  --info-border-hover: #7cadf7;
  --info-icon-active: #7cadf7;
  --info-icon-default: #7cadf7;
  --info-icon-focus: #7cadf7;
  --info-icon-hover: #7cadf7;
  --info-icon-weak-active: #7cadf7;
  --info-icon-weak-default: #7cadf7;
  --info-icon-weak-focus: #7cadf7;
  --info-icon-weak-hover: #7cadf7;
  --interact-bg-medium-hover: #596069;
  --port-diagram-full-speed-bg-active: #266b0b;
  --port-diagram-full-speed-bg-default: #2b7a0c;
  --port-diagram-full-speed-bg-medium-active: #6bbf41;
  --port-diagram-full-speed-bg-medium-default: #b0e396;
  --port-diagram-full-speed-border-medium-active: #266b0b;
  --port-diagram-reduced-speed-bg-active: #266b0b;
  --port-diagram-reduced-speed-bg-default: #2b7a0c;
  --port-diagram-reduced-speed-bg-medium-active: #398519;
  --port-diagram-reduced-speed-bg-medium-default: #45991f;
  --port-diagram-reduced-speed-border-medium-active: #266b0b;
  --positive-bg-active: #6bbf41;
  --positive-bg-default: #6bbf41;
  --positive-bg-disabled: #6bbf41;
  --positive-bg-focus: #6bbf41;
  --positive-bg-hover: #6bbf41;
  --positive-bg-medium-active: #395534;
  --positive-bg-medium-default: #395534;
  --positive-bg-medium-focus: #395534;
  --positive-bg-medium-hover: #395534;
  --positive-bg-strong-default: #23381e;
  --positive-border-active: #6bbf41;
  --positive-border-default: #6bbf41;
  --positive-border-disabled: #6bbf41;
  --positive-border-focus: #6bbf41;
  --positive-border-hover: #6bbf41;
  --positive-border-weak-active: #6bbf41;
  --positive-border-weak-focus: #6bbf41;
  --positive-border-weak-hover: #6bbf41;
  --positive-icon-active: #6bbf41;
  --positive-icon-default: #6bbf41;
  --positive-icon-focus: #6bbf41;
  --positive-icon-hover: #6bbf41;
  --positive-icon-strong-active: #6bbf41;
  --positive-icon-strong-default: #6bbf41;
  --positive-icon-strong-disabled: #477438;
  --positive-icon-strong-focus: #6bbf41;
  --positive-icon-strong-hover: #6bbf41;
  --positive-icon-weak-active: #6bbf41;
  --positive-icon-weak-default: #6bbf41;
  --positive-icon-weak-focus: #6bbf41;
  --positive-icon-weak-hover: #6bbf41;
}