/* Generated theme CSS — do not edit by hand. */
/* Generated by pkg/theme at UIServer startup. */

html[data-theme="dark"] {
  --bg-color-h: 0;
  --bg-color-s: 7%;
  --bg-color-l: 5%;
  --bg-color: hsl(var(--bg-color-h), var(--bg-color-s), var(--bg-color-l));
  --bg-darker-h: 216;
  --bg-darker-s: 24%;
  --bg-darker-l: 10.5%;
  --bg-darker: hsl(var(--bg-darker-h), var(--bg-darker-s), var(--bg-darker-l));
  --bg-lighter-h: 213;
  --bg-lighter-s: 31%;
  --bg-lighter-l: 11.9%;
  --bg-lighter: hsl(var(--bg-lighter-h), var(--bg-lighter-s), var(--bg-lighter-l));
  --bg-lightest-h: 220;
  --bg-lightest-s: 40%;
  --bg-lightest-l: 5%;
  --bg-lightest: hsl(var(--bg-lightest-h), var(--bg-lightest-s), var(--bg-lightest-l));
  --border-color-h: 214;
  --border-color-s: 20%;
  --border-color-l: 48.5%;
  --border-color: hsl(var(--border-color-h), var(--border-color-s), var(--border-color-l));
  --border-hover-color-h: 0;
  --border-hover-color-s: 7%;
  --border-hover-color-l: 37.1%;
  --border-hover-color: hsl(var(--border-hover-color-h), var(--border-hover-color-s), var(--border-hover-color-l));
  --border-light-h: 0;
  --border-light-s: 7%;
  --border-light-l: 10.5%;
  --border-light: hsl(var(--border-light-h), var(--border-light-s), var(--border-light-l));
  --button-background-color-h: 0;
  --button-background-color-s: 7%;
  --button-background-color-l: 7.6%;
  --button-background-color: hsl(var(--button-background-color-h), var(--button-background-color-s), var(--button-background-color-l));
  --button-bg-h: 216;
  --button-bg-s: 40%;
  --button-bg-l: 6%;
  --button-bg: hsl(var(--button-bg-h), var(--button-bg-s), var(--button-bg-l));
  --button-hover-background-color-h: 0;
  --button-hover-background-color-s: 7%;
  --button-hover-background-color-l: 11.9%;
  --button-hover-background-color: hsl(var(--button-hover-background-color-h), var(--button-hover-background-color-s), var(--button-hover-background-color-l));
  --button-text-h: 0;
  --button-text-s: 7%;
  --button-text-l: 83.7%;
  --button-text: hsl(var(--button-text-h), var(--button-text-s), var(--button-text-l));
  --button-text-inverse-h: 0;
  --button-text-inverse-s: 7%;
  --button-text-inverse-l: 5%;
  --button-text-inverse: hsl(var(--button-text-inverse-h), var(--button-text-inverse-s), var(--button-text-inverse-l));
  --card-background-color-h: 0;
  --card-background-color-s: 7%;
  --card-background-color-l: 5%;
  --card-background-color: hsl(var(--card-background-color-h), var(--card-background-color-s), var(--card-background-color-l));
  --card-bg-h: 216;
  --card-bg-s: 40%;
  --card-bg-l: 6%;
  --card-bg: hsl(var(--card-bg-h), var(--card-bg-s), var(--card-bg-l));
  --code-background-color-h: 0;
  --code-background-color-s: 7%;
  --code-background-color-l: 7.6%;
  --code-background-color: hsl(var(--code-background-color-h), var(--code-background-color-s), var(--code-background-color-l));
  --code-bg-h: 216;
  --code-bg-s: 40%;
  --code-bg-l: 6%;
  --code-bg: hsl(var(--code-bg-h), var(--code-bg-s), var(--code-bg-l));
  --code-text-h: 0;
  --code-text-s: 7%;
  --code-text-l: 83.7%;
  --code-text: hsl(var(--code-text-h), var(--code-text-s), var(--code-text-l));
  --code-text-color-h: 240;
  --code-text-color-s: 35%;
  --code-text-color-l: 88.6%;
  --code-text-color: hsl(var(--code-text-color-h), var(--code-text-color-s), var(--code-text-color-l));
  --danger-color-h: 350;
  --danger-color-s: 74%;
  --danger-color-l: 59.3%;
  --danger-color: hsl(var(--danger-color-h), var(--danger-color-s), var(--danger-color-l));
  --footer-bg-h: 216;
  --footer-bg-s: 40%;
  --footer-bg-l: 6%;
  --footer-bg: hsl(var(--footer-bg-h), var(--footer-bg-s), var(--footer-bg-l));
  --footer-text-h: 0;
  --footer-text-s: 7%;
  --footer-text-l: 76%;
  --footer-text: hsl(var(--footer-text-h), var(--footer-text-s), var(--footer-text-l));
  --health-status-checking-h: 48;
  --health-status-checking-s: 100%;
  --health-status-checking-l: 41.2%;
  --health-status-checking: hsl(var(--health-status-checking-h), var(--health-status-checking-s), var(--health-status-checking-l));
  --health-status-error-h: 29;
  --health-status-error-s: 100%;
  --health-status-error-l: 45.1%;
  --health-status-error: hsl(var(--health-status-error-h), var(--health-status-error-s), var(--health-status-error-l));
  --health-status-offline-h: 348;
  --health-status-offline-s: 93%;
  --health-status-offline-l: 47.1%;
  --health-status-offline: hsl(var(--health-status-offline-h), var(--health-status-offline-s), var(--health-status-offline-l));
  --health-status-online-h: 141;
  --health-status-online-s: 60%;
  --health-status-online-l: 54.7%;
  --health-status-online: hsl(var(--health-status-online-h), var(--health-status-online-s), var(--health-status-online-l));
  --hover-background-color-h: 0;
  --hover-background-color-s: 7%;
  --hover-background-color-l: 7.6%;
  --hover-background-color: hsl(var(--hover-background-color-h), var(--hover-background-color-s), var(--hover-background-color-l));
  --info-color-h: 203;
  --info-color-s: 93%;
  --info-color-l: 70%;
  --info-color: hsl(var(--info-color-h), var(--info-color-s), var(--info-color-l));
  --input-background-color-h: 0;
  --input-background-color-s: 7%;
  --input-background-color-l: 5%;
  --input-background-color: hsl(var(--input-background-color-h), var(--input-background-color-s), var(--input-background-color-l));
  --input-bg-h: 0;
  --input-bg-s: 7%;
  --input-bg-l: 5%;
  --input-bg: hsl(var(--input-bg-h), var(--input-bg-s), var(--input-bg-l));
  --input-border-h: 0;
  --input-border-s: 7%;
  --input-border-l: 20.7%;
  --input-border: hsl(var(--input-border-h), var(--input-border-s), var(--input-border-l));
  --input-focus-border-color-h: 217;
  --input-focus-border-color-s: 78%;
  --input-focus-border-color-l: 54.7%;
  --input-focus-border-color: hsl(var(--input-focus-border-color-h), var(--input-focus-border-color-s), var(--input-focus-border-color-l));
  --input-focus-shadow-color-h: 217;
  --input-focus-shadow-color-s: 78%;
  --input-focus-shadow-color-l: 54.7%;
  --input-focus-shadow-color: hsl(var(--input-focus-shadow-color-h), var(--input-focus-shadow-color-s), var(--input-focus-shadow-color-l));
  --input-text-h: 0;
  --input-text-s: 7%;
  --input-text-l: 83.7%;
  --input-text: hsl(var(--input-text-h), var(--input-text-s), var(--input-text-l));
  --light-button-border-h: 0;
  --light-button-border-s: 7%;
  --light-button-border-l: 39.2%;
  --light-button-border: hsl(var(--light-button-border-h), var(--light-button-border-s), var(--light-button-border-l));
  --link-color-h: 217;
  --link-color-s: 78%;
  --link-color-l: 54.7%;
  --link-color: hsl(var(--link-color-h), var(--link-color-s), var(--link-color-l));
  --link-color-hover-h: 217;
  --link-color-hover-s: 78%;
  --link-color-hover-l: 62%;
  --link-color-hover: hsl(var(--link-color-hover-h), var(--link-color-hover-s), var(--link-color-hover-l));
  --loading-overlay-bg-h: 0;
  --loading-overlay-bg-s: 7%;
  --loading-overlay-bg-l: 5%;
  --loading-overlay-bg: hsl(var(--loading-overlay-bg-h), var(--loading-overlay-bg-s), var(--loading-overlay-bg-l));
  --navbar-bg-h: 184;
  --navbar-bg-s: 49%;
  --navbar-bg-l: 27%;
  --navbar-bg: hsl(var(--navbar-bg-h), var(--navbar-bg-s), var(--navbar-bg-l));
  --navbar-text-h: 0;
  --navbar-text-s: 0%;
  --navbar-text-l: 100%;
  --navbar-text: hsl(var(--navbar-text-h), var(--navbar-text-s), var(--navbar-text-l));
  --primary-color-h: 217;
  --primary-color-s: 78%;
  --primary-color-l: 54.7%;
  --primary-color: hsl(var(--primary-color-h), var(--primary-color-s), var(--primary-color-l));
  --primary-color-dark-h: 217;
  --primary-color-dark-s: 78%;
  --primary-color-dark-l: 62%;
  --primary-color-dark: hsl(var(--primary-color-dark-h), var(--primary-color-dark-s), var(--primary-color-dark-l));
  --scrollbar-thumb-hover-h: 220;
  --scrollbar-thumb-hover-s: 14%;
  --scrollbar-thumb-hover-l: 43.2%;
  --scrollbar-thumb-hover: hsl(var(--scrollbar-thumb-hover-h), var(--scrollbar-thumb-hover-s), var(--scrollbar-thumb-hover-l));
  --secondary-bg-color-h: 216;
  --secondary-bg-color-s: 40%;
  --secondary-bg-color-l: 6%;
  --secondary-bg-color: hsl(var(--secondary-bg-color-h), var(--secondary-bg-color-s), var(--secondary-bg-color-l));
  --secondary-color-h: 0;
  --secondary-color-s: 7%;
  --secondary-color-l: 76%;
  --secondary-color: hsl(var(--secondary-color-h), var(--secondary-color-s), var(--secondary-color-l));
  --spinner-primary-color-h: 204;
  --spinner-primary-color-s: 77%;
  --spinner-primary-color-l: 54.7%;
  --spinner-primary-color: hsl(var(--spinner-primary-color-h), var(--spinner-primary-color-s), var(--spinner-primary-color-l));
  --spinner-secondary-color-h: 0;
  --spinner-secondary-color-s: 7%;
  --spinner-secondary-color-l: 9.1%;
  --spinner-secondary-color: hsl(var(--spinner-secondary-color-h), var(--spinner-secondary-color-s), var(--spinner-secondary-color-l));
  --success-color-h: 139;
  --success-color-s: 75%;
  --success-color-l: 73.6%;
  --success-color: hsl(var(--success-color-h), var(--success-color-s), var(--success-color-l));
  --table-border-h: 214;
  --table-border-s: 20%;
  --table-border-l: 15.8%;
  --table-border: hsl(var(--table-border-h), var(--table-border-s), var(--table-border-l));
  --table-header-bg-h: 216;
  --table-header-bg-s: 40%;
  --table-header-bg-l: 6%;
  --table-header-bg: hsl(var(--table-header-bg-h), var(--table-header-bg-s), var(--table-header-bg-l));
  --table-row-even-h: 220;
  --table-row-even-s: 40%;
  --table-row-even-l: 5%;
  --table-row-even: hsl(var(--table-row-even-h), var(--table-row-even-s), var(--table-row-even-l));
  --text-color-h: 0;
  --text-color-s: 7%;
  --text-color-l: 83.7%;
  --text-color: hsl(var(--text-color-h), var(--text-color-s), var(--text-color-l));
  --text-heading-h: 240;
  --text-heading-s: 35%;
  --text-heading-l: 88.6%;
  --text-heading: hsl(var(--text-heading-h), var(--text-heading-s), var(--text-heading-l));
  --text-muted-h: 0;
  --text-muted-s: 7%;
  --text-muted-l: 66.5%;
  --text-muted: hsl(var(--text-muted-h), var(--text-muted-s), var(--text-muted-l));
  --toggle-on-bg-h: 139;
  --toggle-on-bg-s: 75%;
  --toggle-on-bg-l: 68.2%;
  --toggle-on-bg: hsl(var(--toggle-on-bg-h), var(--toggle-on-bg-s), var(--toggle-on-bg-l));
  --warning-color-h: 43;
  --warning-color-s: 96%;
  --warning-color-l: 73.8%;
  --warning-color: hsl(var(--warning-color-h), var(--warning-color-s), var(--warning-color-l));
}

html[data-theme="cool-dark"] {
  --bg-color-h: 7;
  --bg-color-s: 7%;
  --bg-color-l: 5%;
  --bg-color: hsl(var(--bg-color-h), var(--bg-color-s), var(--bg-color-l));
  --bg-darker-h: 223;
  --bg-darker-s: 24%;
  --bg-darker-l: 16.1%;
  --bg-darker: hsl(var(--bg-darker-h), var(--bg-darker-s), var(--bg-darker-l));
  --bg-lighter-h: 220;
  --bg-lighter-s: 31%;
  --bg-lighter-l: 17.8%;
  --bg-lighter: hsl(var(--bg-lighter-h), var(--bg-lighter-s), var(--bg-lighter-l));
  --bg-lightest-h: 227;
  --bg-lightest-s: 40%;
  --bg-lightest-l: 7.9%;
  --bg-lightest: hsl(var(--bg-lightest-h), var(--bg-lightest-s), var(--bg-lightest-l));
  --border-color-h: 221;
  --border-color-s: 20%;
  --border-color-l: 55.6%;
  --border-color: hsl(var(--border-color-h), var(--border-color-s), var(--border-color-l));
  --border-hover-color-h: 7;
  --border-hover-color-s: 7%;
  --border-hover-color-l: 44.7%;
  --border-hover-color: hsl(var(--border-hover-color-h), var(--border-hover-color-s), var(--border-hover-color-l));
  --border-light-h: 7;
  --border-light-s: 7%;
  --border-light-l: 16.1%;
  --border-light: hsl(var(--border-light-h), var(--border-light-s), var(--border-light-l));
  --button-background-color-h: 7;
  --button-background-color-s: 7%;
  --button-background-color-l: 12.3%;
  --button-background-color: hsl(var(--button-background-color-h), var(--button-background-color-s), var(--button-background-color-l));
  --button-bg-h: 223;
  --button-bg-s: 40%;
  --button-bg-l: 10.2%;
  --button-bg: hsl(var(--button-bg-h), var(--button-bg-s), var(--button-bg-l));
  --button-hover-background-color-h: 7;
  --button-hover-background-color-s: 7%;
  --button-hover-background-color-l: 17.8%;
  --button-hover-background-color: hsl(var(--button-hover-background-color-h), var(--button-hover-background-color-s), var(--button-hover-background-color-l));
  --button-text-h: 7;
  --button-text-s: 7%;
  --button-text-l: 86.5%;
  --button-text: hsl(var(--button-text-h), var(--button-text-s), var(--button-text-l));
  --button-text-inverse-h: 7;
  --button-text-inverse-s: 7%;
  --button-text-inverse-l: 5%;
  --button-text-inverse: hsl(var(--button-text-inverse-h), var(--button-text-inverse-s), var(--button-text-inverse-l));
  --card-background-color-h: 7;
  --card-background-color-s: 7%;
  --card-background-color-l: 5%;
  --card-background-color: hsl(var(--card-background-color-h), var(--card-background-color-s), var(--card-background-color-l));
  --card-bg-h: 223;
  --card-bg-s: 40%;
  --card-bg-l: 10.2%;
  --card-bg: hsl(var(--card-bg-h), var(--card-bg-s), var(--card-bg-l));
  --code-background-color-h: 7;
  --code-background-color-s: 7%;
  --code-background-color-l: 12.3%;
  --code-background-color: hsl(var(--code-background-color-h), var(--code-background-color-s), var(--code-background-color-l));
  --code-bg-h: 223;
  --code-bg-s: 40%;
  --code-bg-l: 10.2%;
  --code-bg: hsl(var(--code-bg-h), var(--code-bg-s), var(--code-bg-l));
  --code-text-h: 7;
  --code-text-s: 7%;
  --code-text-l: 86.5%;
  --code-text: hsl(var(--code-text-h), var(--code-text-s), var(--code-text-l));
  --code-text-color-h: 247;
  --code-text-color-s: 35%;
  --code-text-color-l: 90.7%;
  --code-text-color: hsl(var(--code-text-color-h), var(--code-text-color-s), var(--code-text-color-l));
  --danger-color-h: 357;
  --danger-color-s: 74%;
  --danger-color-l: 65.4%;
  --danger-color: hsl(var(--danger-color-h), var(--danger-color-s), var(--danger-color-l));
  --footer-bg-h: 223;
  --footer-bg-s: 40%;
  --footer-bg-l: 10.2%;
  --footer-bg: hsl(var(--footer-bg-h), var(--footer-bg-s), var(--footer-bg-l));
  --footer-text-h: 7;
  --footer-text-s: 7%;
  --footer-text-l: 80%;
  --footer-text: hsl(var(--footer-text-h), var(--footer-text-s), var(--footer-text-l));
  --health-status-checking-h: 55;
  --health-status-checking-s: 100%;
  --health-status-checking-l: 48.6%;
  --health-status-checking: hsl(var(--health-status-checking-h), var(--health-status-checking-s), var(--health-status-checking-l));
  --health-status-error-h: 36;
  --health-status-error-s: 100%;
  --health-status-error-l: 52.4%;
  --health-status-error: hsl(var(--health-status-error-h), var(--health-status-error-s), var(--health-status-error-l));
  --health-status-offline-h: 355;
  --health-status-offline-s: 93%;
  --health-status-offline-l: 54.2%;
  --health-status-offline: hsl(var(--health-status-offline-h), var(--health-status-offline-s), var(--health-status-offline-l));
  --health-status-online-h: 148;
  --health-status-online-s: 60%;
  --health-status-online-l: 61.2%;
  --health-status-online: hsl(var(--health-status-online-h), var(--health-status-online-s), var(--health-status-online-l));
  --hover-background-color-h: 7;
  --hover-background-color-s: 7%;
  --hover-background-color-l: 12.3%;
  --hover-background-color: hsl(var(--hover-background-color-h), var(--hover-background-color-s), var(--hover-background-color-l));
  --info-color-h: 210;
  --info-color-s: 93%;
  --info-color-l: 74.8%;
  --info-color: hsl(var(--info-color-h), var(--info-color-s), var(--info-color-l));
  --input-background-color-h: 7;
  --input-background-color-s: 7%;
  --input-background-color-l: 5%;
  --input-background-color: hsl(var(--input-background-color-h), var(--input-background-color-s), var(--input-background-color-l));
  --input-bg-h: 7;
  --input-bg-s: 7%;
  --input-bg-l: 5%;
  --input-bg: hsl(var(--input-bg-h), var(--input-bg-s), var(--input-bg-l));
  --input-border-h: 7;
  --input-border-s: 7%;
  --input-border-l: 27.9%;
  --input-border: hsl(var(--input-border-h), var(--input-border-s), var(--input-border-l));
  --input-focus-border-color-h: 224;
  --input-focus-border-color-s: 78%;
  --input-focus-border-color-l: 61.2%;
  --input-focus-border-color: hsl(var(--input-focus-border-color-h), var(--input-focus-border-color-s), var(--input-focus-border-color-l));
  --input-focus-shadow-color-h: 224;
  --input-focus-shadow-color-s: 78%;
  --input-focus-shadow-color-l: 61.2%;
  --input-focus-shadow-color: hsl(var(--input-focus-shadow-color-h), var(--input-focus-shadow-color-s), var(--input-focus-shadow-color-l));
  --input-text-h: 7;
  --input-text-s: 7%;
  --input-text-l: 86.5%;
  --input-text: hsl(var(--input-text-h), var(--input-text-s), var(--input-text-l));
  --light-button-border-h: 7;
  --light-button-border-s: 7%;
  --light-button-border-l: 46.7%;
  --light-button-border: hsl(var(--light-button-border-h), var(--light-button-border-s), var(--light-button-border-l));
  --link-color-h: 224;
  --link-color-s: 78%;
  --link-color-l: 61.2%;
  --link-color: hsl(var(--link-color-h), var(--link-color-s), var(--link-color-l));
  --link-color-hover-h: 224;
  --link-color-hover-s: 78%;
  --link-color-hover-l: 67.8%;
  --link-color-hover: hsl(var(--link-color-hover-h), var(--link-color-hover-s), var(--link-color-hover-l));
  --loading-overlay-bg-h: 7;
  --loading-overlay-bg-s: 7%;
  --loading-overlay-bg-l: 5%;
  --loading-overlay-bg: hsl(var(--loading-overlay-bg-h), var(--loading-overlay-bg-s), var(--loading-overlay-bg-l));
  --navbar-bg-h: 191;
  --navbar-bg-s: 49%;
  --navbar-bg-l: 27%;
  --navbar-bg: hsl(var(--navbar-bg-h), var(--navbar-bg-s), var(--navbar-bg-l));
  --navbar-text-h: 0;
  --navbar-text-s: 0%;
  --navbar-text-l: 100%;
  --navbar-text: hsl(var(--navbar-text-h), var(--navbar-text-s), var(--navbar-text-l));
  --primary-color-h: 224;
  --primary-color-s: 78%;
  --primary-color-l: 61.2%;
  --primary-color: hsl(var(--primary-color-h), var(--primary-color-s), var(--primary-color-l));
  --primary-color-dark-h: 224;
  --primary-color-dark-s: 78%;
  --primary-color-dark-l: 67.8%;
  --primary-color-dark: hsl(var(--primary-color-dark-h), var(--primary-color-dark-s), var(--primary-color-dark-l));
  --scrollbar-thumb-hover-h: 227;
  --scrollbar-thumb-hover-s: 14%;
  --scrollbar-thumb-hover-l: 50.5%;
  --scrollbar-thumb-hover: hsl(var(--scrollbar-thumb-hover-h), var(--scrollbar-thumb-hover-s), var(--scrollbar-thumb-hover-l));
  --secondary-bg-color-h: 223;
  --secondary-bg-color-s: 40%;
  --secondary-bg-color-l: 10.2%;
  --secondary-bg-color: hsl(var(--secondary-bg-color-h), var(--secondary-bg-color-s), var(--secondary-bg-color-l));
  --secondary-color-h: 7;
  --secondary-color-s: 7%;
  --secondary-color-l: 80%;
  --secondary-color: hsl(var(--secondary-color-h), var(--secondary-color-s), var(--secondary-color-l));
  --spinner-primary-color-h: 211;
  --spinner-primary-color-s: 77%;
  --spinner-primary-color-l: 61.2%;
  --spinner-primary-color: hsl(var(--spinner-primary-color-h), var(--spinner-primary-color-s), var(--spinner-primary-color-l));
  --spinner-secondary-color-h: 7;
  --spinner-secondary-color-s: 7%;
  --spinner-secondary-color-l: 14.3%;
  --spinner-secondary-color: hsl(var(--spinner-secondary-color-h), var(--spinner-secondary-color-s), var(--spinner-secondary-color-l));
  --success-color-h: 146;
  --success-color-s: 75%;
  --success-color-l: 78%;
  --success-color: hsl(var(--success-color-h), var(--success-color-s), var(--success-color-l));
  --table-border-h: 221;
  --table-border-s: 20%;
  --table-border-l: 22.4%;
  --table-border: hsl(var(--table-border-h), var(--table-border-s), var(--table-border-l));
  --table-header-bg-h: 223;
  --table-header-bg-s: 40%;
  --table-header-bg-l: 10.2%;
  --table-header-bg: hsl(var(--table-header-bg-h), var(--table-header-bg-s), var(--table-header-bg-l));
  --table-row-even-h: 227;
  --table-row-even-s: 40%;
  --table-row-even-l: 7.9%;
  --table-row-even: hsl(var(--table-row-even-h), var(--table-row-even-s), var(--table-row-even-l));
  --text-color-h: 7;
  --text-color-s: 7%;
  --text-color-l: 86.5%;
  --text-color: hsl(var(--text-color-h), var(--text-color-s), var(--text-color-l));
  --text-heading-h: 247;
  --text-heading-s: 35%;
  --text-heading-l: 90.7%;
  --text-heading: hsl(var(--text-heading-h), var(--text-heading-s), var(--text-heading-l));
  --text-muted-h: 7;
  --text-muted-s: 7%;
  --text-muted-l: 71.7%;
  --text-muted: hsl(var(--text-muted-h), var(--text-muted-s), var(--text-muted-l));
  --toggle-on-bg-h: 139;
  --toggle-on-bg-s: 75%;
  --toggle-on-bg-l: 73.3%;
  --toggle-on-bg: hsl(var(--toggle-on-bg-h), var(--toggle-on-bg-s), var(--toggle-on-bg-l));
  --warning-color-h: 50;
  --warning-color-s: 96%;
  --warning-color-l: 78.1%;
  --warning-color: hsl(var(--warning-color-h), var(--warning-color-s), var(--warning-color-l));
}

html[data-theme="high-contrast"] {
  --bg-color-h: 0;
  --bg-color-s: 0%;
  --bg-color-l: 8%;
  --bg-color: hsl(var(--bg-color-h), var(--bg-color-s), var(--bg-color-l));
  --bg-darker-h: 216;
  --bg-darker-s: 47%;
  --bg-darker-l: 8%;
  --bg-darker: hsl(var(--bg-darker-h), var(--bg-darker-s), var(--bg-darker-l));
  --bg-lighter-h: 213;
  --bg-lighter-s: 54%;
  --bg-lighter-l: 8%;
  --bg-lighter: hsl(var(--bg-lighter-h), var(--bg-lighter-s), var(--bg-lighter-l));
  --bg-lightest-h: 220;
  --bg-lightest-s: 63%;
  --bg-lightest-l: 8%;
  --bg-lightest: hsl(var(--bg-lightest-h), var(--bg-lightest-s), var(--bg-lightest-l));
  --border-color-h: 214;
  --border-color-s: 43%;
  --border-color-l: 92%;
  --border-color: hsl(var(--border-color-h), var(--border-color-s), var(--border-color-l));
  --border-hover-color-h: 0;
  --border-hover-color-s: 0%;
  --border-hover-color-l: 8%;
  --border-hover-color: hsl(var(--border-hover-color-h), var(--border-hover-color-s), var(--border-hover-color-l));
  --border-light-h: 0;
  --border-light-s: 0%;
  --border-light-l: 8%;
  --border-light: hsl(var(--border-light-h), var(--border-light-s), var(--border-light-l));
  --button-background-color-h: 0;
  --button-background-color-s: 0%;
  --button-background-color-l: 8%;
  --button-background-color: hsl(var(--button-background-color-h), var(--button-background-color-s), var(--button-background-color-l));
  --button-bg-h: 216;
  --button-bg-s: 63%;
  --button-bg-l: 8%;
  --button-bg: hsl(var(--button-bg-h), var(--button-bg-s), var(--button-bg-l));
  --button-hover-background-color-h: 0;
  --button-hover-background-color-s: 0%;
  --button-hover-background-color-l: 8%;
  --button-hover-background-color: hsl(var(--button-hover-background-color-h), var(--button-hover-background-color-s), var(--button-hover-background-color-l));
  --button-text-h: 0;
  --button-text-s: 0%;
  --button-text-l: 92%;
  --button-text: hsl(var(--button-text-h), var(--button-text-s), var(--button-text-l));
  --button-text-inverse-h: 0;
  --button-text-inverse-s: 0%;
  --button-text-inverse-l: 8%;
  --button-text-inverse: hsl(var(--button-text-inverse-h), var(--button-text-inverse-s), var(--button-text-inverse-l));
  --card-background-color-h: 0;
  --card-background-color-s: 0%;
  --card-background-color-l: 8%;
  --card-background-color: hsl(var(--card-background-color-h), var(--card-background-color-s), var(--card-background-color-l));
  --card-bg-h: 216;
  --card-bg-s: 63%;
  --card-bg-l: 8%;
  --card-bg: hsl(var(--card-bg-h), var(--card-bg-s), var(--card-bg-l));
  --code-background-color-h: 0;
  --code-background-color-s: 0%;
  --code-background-color-l: 8%;
  --code-background-color: hsl(var(--code-background-color-h), var(--code-background-color-s), var(--code-background-color-l));
  --code-bg-h: 216;
  --code-bg-s: 63%;
  --code-bg-l: 8%;
  --code-bg: hsl(var(--code-bg-h), var(--code-bg-s), var(--code-bg-l));
  --code-text-h: 0;
  --code-text-s: 0%;
  --code-text-l: 92%;
  --code-text: hsl(var(--code-text-h), var(--code-text-s), var(--code-text-l));
  --code-text-color-h: 240;
  --code-text-color-s: 58%;
  --code-text-color-l: 92%;
  --code-text-color: hsl(var(--code-text-color-h), var(--code-text-color-s), var(--code-text-color-l));
  --danger-color-h: 350;
  --danger-color-s: 97%;
  --danger-color-l: 92%;
  --danger-color: hsl(var(--danger-color-h), var(--danger-color-s), var(--danger-color-l));
  --footer-bg-h: 216;
  --footer-bg-s: 63%;
  --footer-bg-l: 8%;
  --footer-bg: hsl(var(--footer-bg-h), var(--footer-bg-s), var(--footer-bg-l));
  --footer-text-h: 0;
  --footer-text-s: 0%;
  --footer-text-l: 92%;
  --footer-text: hsl(var(--footer-text-h), var(--footer-text-s), var(--footer-text-l));
  --health-status-checking-h: 48;
  --health-status-checking-s: 100%;
  --health-status-checking-l: 8%;
  --health-status-checking: hsl(var(--health-status-checking-h), var(--health-status-checking-s), var(--health-status-checking-l));
  --health-status-error-h: 29;
  --health-status-error-s: 100%;
  --health-status-error-l: 8%;
  --health-status-error: hsl(var(--health-status-error-h), var(--health-status-error-s), var(--health-status-error-l));
  --health-status-offline-h: 348;
  --health-status-offline-s: 100%;
  --health-status-offline-l: 8%;
  --health-status-offline: hsl(var(--health-status-offline-h), var(--health-status-offline-s), var(--health-status-offline-l));
  --health-status-online-h: 141;
  --health-status-online-s: 83%;
  --health-status-online-l: 92%;
  --health-status-online: hsl(var(--health-status-online-h), var(--health-status-online-s), var(--health-status-online-l));
  --hover-background-color-h: 0;
  --hover-background-color-s: 0%;
  --hover-background-color-l: 8%;
  --hover-background-color: hsl(var(--hover-background-color-h), var(--hover-background-color-s), var(--hover-background-color-l));
  --info-color-h: 203;
  --info-color-s: 100%;
  --info-color-l: 92%;
  --info-color: hsl(var(--info-color-h), var(--info-color-s), var(--info-color-l));
  --input-background-color-h: 0;
  --input-background-color-s: 0%;
  --input-background-color-l: 8%;
  --input-background-color: hsl(var(--input-background-color-h), var(--input-background-color-s), var(--input-background-color-l));
  --input-bg-h: 0;
  --input-bg-s: 0%;
  --input-bg-l: 8%;
  --input-bg: hsl(var(--input-bg-h), var(--input-bg-s), var(--input-bg-l));
  --input-border-h: 0;
  --input-border-s: 0%;
  --input-border-l: 8%;
  --input-border: hsl(var(--input-border-h), var(--input-border-s), var(--input-border-l));
  --input-focus-border-color-h: 217;
  --input-focus-border-color-s: 100%;
  --input-focus-border-color-l: 92%;
  --input-focus-border-color: hsl(var(--input-focus-border-color-h), var(--input-focus-border-color-s), var(--input-focus-border-color-l));
  --input-focus-shadow-color-h: 217;
  --input-focus-shadow-color-s: 100%;
  --input-focus-shadow-color-l: 92%;
  --input-focus-shadow-color: hsl(var(--input-focus-shadow-color-h), var(--input-focus-shadow-color-s), var(--input-focus-shadow-color-l));
  --input-text-h: 0;
  --input-text-s: 0%;
  --input-text-l: 92%;
  --input-text: hsl(var(--input-text-h), var(--input-text-s), var(--input-text-l));
  --light-button-border-h: 0;
  --light-button-border-s: 0%;
  --light-button-border-l: 8%;
  --light-button-border: hsl(var(--light-button-border-h), var(--light-button-border-s), var(--light-button-border-l));
  --link-color-h: 217;
  --link-color-s: 100%;
  --link-color-l: 92%;
  --link-color: hsl(var(--link-color-h), var(--link-color-s), var(--link-color-l));
  --link-color-hover-h: 217;
  --link-color-hover-s: 100%;
  --link-color-hover-l: 92%;
  --link-color-hover: hsl(var(--link-color-hover-h), var(--link-color-hover-s), var(--link-color-hover-l));
  --loading-overlay-bg-h: 0;
  --loading-overlay-bg-s: 0%;
  --loading-overlay-bg-l: 8%;
  --loading-overlay-bg: hsl(var(--loading-overlay-bg-h), var(--loading-overlay-bg-s), var(--loading-overlay-bg-l));
  --navbar-bg-h: 184;
  --navbar-bg-s: 72%;
  --navbar-bg-l: 8%;
  --navbar-bg: hsl(var(--navbar-bg-h), var(--navbar-bg-s), var(--navbar-bg-l));
  --navbar-text-h: 0;
  --navbar-text-s: 0%;
  --navbar-text-l: 100%;
  --navbar-text: hsl(var(--navbar-text-h), var(--navbar-text-s), var(--navbar-text-l));
  --primary-color-h: 217;
  --primary-color-s: 100%;
  --primary-color-l: 92%;
  --primary-color: hsl(var(--primary-color-h), var(--primary-color-s), var(--primary-color-l));
  --primary-color-dark-h: 217;
  --primary-color-dark-s: 100%;
  --primary-color-dark-l: 92%;
  --primary-color-dark: hsl(var(--primary-color-dark-h), var(--primary-color-dark-s), var(--primary-color-dark-l));
  --scrollbar-thumb-hover-h: 220;
  --scrollbar-thumb-hover-s: 37%;
  --scrollbar-thumb-hover-l: 8%;
  --scrollbar-thumb-hover: hsl(var(--scrollbar-thumb-hover-h), var(--scrollbar-thumb-hover-s), var(--scrollbar-thumb-hover-l));
  --secondary-bg-color-h: 216;
  --secondary-bg-color-s: 63%;
  --secondary-bg-color-l: 8%;
  --secondary-bg-color: hsl(var(--secondary-bg-color-h), var(--secondary-bg-color-s), var(--secondary-bg-color-l));
  --secondary-color-h: 0;
  --secondary-color-s: 0%;
  --secondary-color-l: 92%;
  --secondary-color: hsl(var(--secondary-color-h), var(--secondary-color-s), var(--secondary-color-l));
  --spinner-primary-color-h: 204;
  --spinner-primary-color-s: 100%;
  --spinner-primary-color-l: 92%;
  --spinner-primary-color: hsl(var(--spinner-primary-color-h), var(--spinner-primary-color-s), var(--spinner-primary-color-l));
  --spinner-secondary-color-h: 0;
  --spinner-secondary-color-s: 0%;
  --spinner-secondary-color-l: 8%;
  --spinner-secondary-color: hsl(var(--spinner-secondary-color-h), var(--spinner-secondary-color-s), var(--spinner-secondary-color-l));
  --success-color-h: 139;
  --success-color-s: 98%;
  --success-color-l: 92%;
  --success-color: hsl(var(--success-color-h), var(--success-color-s), var(--success-color-l));
  --table-border-h: 214;
  --table-border-s: 43%;
  --table-border-l: 8%;
  --table-border: hsl(var(--table-border-h), var(--table-border-s), var(--table-border-l));
  --table-header-bg-h: 216;
  --table-header-bg-s: 63%;
  --table-header-bg-l: 8%;
  --table-header-bg: hsl(var(--table-header-bg-h), var(--table-header-bg-s), var(--table-header-bg-l));
  --table-row-even-h: 220;
  --table-row-even-s: 63%;
  --table-row-even-l: 8%;
  --table-row-even: hsl(var(--table-row-even-h), var(--table-row-even-s), var(--table-row-even-l));
  --text-color-h: 0;
  --text-color-s: 0%;
  --text-color-l: 92%;
  --text-color: hsl(var(--text-color-h), var(--text-color-s), var(--text-color-l));
  --text-heading-h: 240;
  --text-heading-s: 58%;
  --text-heading-l: 92%;
  --text-heading: hsl(var(--text-heading-h), var(--text-heading-s), var(--text-heading-l));
  --text-muted-h: 0;
  --text-muted-s: 0%;
  --text-muted-l: 92%;
  --text-muted: hsl(var(--text-muted-h), var(--text-muted-s), var(--text-muted-l));
  --toggle-on-bg-h: 139;
  --toggle-on-bg-s: 98%;
  --toggle-on-bg-l: 92%;
  --toggle-on-bg: hsl(var(--toggle-on-bg-h), var(--toggle-on-bg-s), var(--toggle-on-bg-l));
  --warning-color-h: 43;
  --warning-color-s: 100%;
  --warning-color-l: 92%;
  --warning-color: hsl(var(--warning-color-h), var(--warning-color-s), var(--warning-color-l));
}

html[data-theme="ocean"] {
  --bg-color-h: 10;
  --bg-color-s: 12%;
  --bg-color-l: 5%;
  --bg-color: hsl(var(--bg-color-h), var(--bg-color-s), var(--bg-color-l));
  --bg-darker-h: 226;
  --bg-darker-s: 29%;
  --bg-darker-l: 18.5%;
  --bg-darker: hsl(var(--bg-darker-h), var(--bg-darker-s), var(--bg-darker-l));
  --bg-lighter-h: 223;
  --bg-lighter-s: 36%;
  --bg-lighter-l: 20.3%;
  --bg-lighter: hsl(var(--bg-lighter-h), var(--bg-lighter-s), var(--bg-lighter-l));
  --bg-lightest-h: 230;
  --bg-lightest-s: 45%;
  --bg-lightest-l: 9.6%;
  --bg-lightest: hsl(var(--bg-lightest-h), var(--bg-lightest-s), var(--bg-lightest-l));
  --border-color-h: 224;
  --border-color-s: 25%;
  --border-color-l: 58.1%;
  --border-color: hsl(var(--border-color-h), var(--border-color-s), var(--border-color-l));
  --border-hover-color-h: 10;
  --border-hover-color-s: 12%;
  --border-hover-color-l: 47.6%;
  --border-hover-color: hsl(var(--border-hover-color-h), var(--border-hover-color-s), var(--border-hover-color-l));
  --border-light-h: 10;
  --border-light-s: 12%;
  --border-light-l: 18.5%;
  --border-light: hsl(var(--border-light-h), var(--border-light-s), var(--border-light-l));
  --button-background-color-h: 10;
  --button-background-color-s: 12%;
  --button-background-color-l: 14.5%;
  --button-background-color: hsl(var(--button-background-color-h), var(--button-background-color-s), var(--button-background-color-l));
  --button-bg-h: 226;
  --button-bg-s: 45%;
  --button-bg-l: 12.2%;
  --button-bg: hsl(var(--button-bg-h), var(--button-bg-s), var(--button-bg-l));
  --button-hover-background-color-h: 10;
  --button-hover-background-color-s: 12%;
  --button-hover-background-color-l: 20.3%;
  --button-hover-background-color: hsl(var(--button-hover-background-color-h), var(--button-hover-background-color-s), var(--button-hover-background-color-l));
  --button-text-h: 10;
  --button-text-s: 12%;
  --button-text-l: 87.5%;
  --button-text: hsl(var(--button-text-h), var(--button-text-s), var(--button-text-l));
  --button-text-inverse-h: 10;
  --button-text-inverse-s: 12%;
  --button-text-inverse-l: 5%;
  --button-text-inverse: hsl(var(--button-text-inverse-h), var(--button-text-inverse-s), var(--button-text-inverse-l));
  --card-background-color-h: 10;
  --card-background-color-s: 12%;
  --card-background-color-l: 5%;
  --card-background-color: hsl(var(--card-background-color-h), var(--card-background-color-s), var(--card-background-color-l));
  --card-bg-h: 226;
  --card-bg-s: 45%;
  --card-bg-l: 12.2%;
  --card-bg: hsl(var(--card-bg-h), var(--card-bg-s), var(--card-bg-l));
  --code-background-color-h: 10;
  --code-background-color-s: 12%;
  --code-background-color-l: 14.5%;
  --code-background-color: hsl(var(--code-background-color-h), var(--code-background-color-s), var(--code-background-color-l));
  --code-bg-h: 226;
  --code-bg-s: 45%;
  --code-bg-l: 12.2%;
  --code-bg: hsl(var(--code-bg-h), var(--code-bg-s), var(--code-bg-l));
  --code-text-h: 10;
  --code-text-s: 12%;
  --code-text-l: 87.5%;
  --code-text: hsl(var(--code-text-h), var(--code-text-s), var(--code-text-l));
  --code-text-color-h: 250;
  --code-text-color-s: 40%;
  --code-text-color-l: 91.3%;
  --code-text-color: hsl(var(--code-text-color-h), var(--code-text-color-s), var(--code-text-color-l));
  --danger-color-h: 0;
  --danger-color-s: 79%;
  --danger-color-l: 67.5%;
  --danger-color: hsl(var(--danger-color-h), var(--danger-color-s), var(--danger-color-l));
  --footer-bg-h: 226;
  --footer-bg-s: 45%;
  --footer-bg-l: 12.2%;
  --footer-bg: hsl(var(--footer-bg-h), var(--footer-bg-s), var(--footer-bg-l));
  --footer-text-h: 10;
  --footer-text-s: 12%;
  --footer-text-l: 81.4%;
  --footer-text: hsl(var(--footer-text-h), var(--footer-text-s), var(--footer-text-l));
  --health-status-checking-h: 58;
  --health-status-checking-s: 100%;
  --health-status-checking-l: 51.4%;
  --health-status-checking: hsl(var(--health-status-checking-h), var(--health-status-checking-s), var(--health-status-checking-l));
  --health-status-error-h: 39;
  --health-status-error-s: 100%;
  --health-status-error-l: 55.1%;
  --health-status-error: hsl(var(--health-status-error-h), var(--health-status-error-s), var(--health-status-error-l));
  --health-status-offline-h: 358;
  --health-status-offline-s: 98%;
  --health-status-offline-l: 56.8%;
  --health-status-offline: hsl(var(--health-status-offline-h), var(--health-status-offline-s), var(--health-status-offline-l));
  --health-status-online-h: 151;
  --health-status-online-s: 65%;
  --health-status-online-l: 63.6%;
  --health-status-online: hsl(var(--health-status-online-h), var(--health-status-online-s), var(--health-status-online-l));
  --hover-background-color-h: 10;
  --hover-background-color-s: 12%;
  --hover-background-color-l: 14.5%;
  --hover-background-color: hsl(var(--hover-background-color-h), var(--hover-background-color-s), var(--hover-background-color-l));
  --info-color-h: 213;
  --info-color-s: 98%;
  --info-color-l: 76.5%;
  --info-color: hsl(var(--info-color-h), var(--info-color-s), var(--info-color-l));
  --input-background-color-h: 10;
  --input-background-color-s: 12%;
  --input-background-color-l: 5%;
  --input-background-color: hsl(var(--input-background-color-h), var(--input-background-color-s), var(--input-background-color-l));
  --input-bg-h: 10;
  --input-bg-s: 12%;
  --input-bg-l: 5%;
  --input-bg: hsl(var(--input-bg-h), var(--input-bg-s), var(--input-bg-l));
  --input-border-h: 10;
  --input-border-s: 12%;
  --input-border-l: 30.7%;
  --input-border: hsl(var(--input-border-h), var(--input-border-s), var(--input-border-l));
  --input-focus-border-color-h: 227;
  --input-focus-border-color-s: 83%;
  --input-focus-border-color-l: 63.6%;
  --input-focus-border-color: hsl(var(--input-focus-border-color-h), var(--input-focus-border-color-s), var(--input-focus-border-color-l));
  --input-focus-shadow-color-h: 227;
  --input-focus-shadow-color-s: 83%;
  --input-focus-shadow-color-l: 63.6%;
  --input-focus-shadow-color: hsl(var(--input-focus-shadow-color-h), var(--input-focus-shadow-color-s), var(--input-focus-shadow-color-l));
  --input-text-h: 10;
  --input-text-s: 12%;
  --input-text-l: 87.5%;
  --input-text: hsl(var(--input-text-h), var(--input-text-s), var(--input-text-l));
  --light-button-border-h: 10;
  --light-button-border-s: 12%;
  --light-button-border-l: 49.5%;
  --light-button-border: hsl(var(--light-button-border-h), var(--light-button-border-s), var(--light-button-border-l));
  --link-color-h: 227;
  --link-color-s: 83%;
  --link-color-l: 63.6%;
  --link-color: hsl(var(--link-color-h), var(--link-color-s), var(--link-color-l));
  --link-color-hover-h: 227;
  --link-color-hover-s: 83%;
  --link-color-hover-l: 69.9%;
  --link-color-hover: hsl(var(--link-color-hover-h), var(--link-color-hover-s), var(--link-color-hover-l));
  --loading-overlay-bg-h: 10;
  --loading-overlay-bg-s: 12%;
  --loading-overlay-bg-l: 5%;
  --loading-overlay-bg: hsl(var(--loading-overlay-bg-h), var(--loading-overlay-bg-s), var(--loading-overlay-bg-l));
  --navbar-bg-h: 194;
  --navbar-bg-s: 54%;
  --navbar-bg-l: 27%;
  --navbar-bg: hsl(var(--navbar-bg-h), var(--navbar-bg-s), var(--navbar-bg-l));
  --navbar-text-h: 0;
  --navbar-text-s: 0%;
  --navbar-text-l: 100%;
  --navbar-text: hsl(var(--navbar-text-h), var(--navbar-text-s), var(--navbar-text-l));
  --primary-color-h: 227;
  --primary-color-s: 83%;
  --primary-color-l: 63.6%;
  --primary-color: hsl(var(--primary-color-h), var(--primary-color-s), var(--primary-color-l));
  --primary-color-dark-h: 227;
  --primary-color-dark-s: 83%;
  --primary-color-dark-l: 69.9%;
  --primary-color-dark: hsl(var(--primary-color-dark-h), var(--primary-color-dark-s), var(--primary-color-dark-l));
  --scrollbar-thumb-hover-h: 230;
  --scrollbar-thumb-hover-s: 19%;
  --scrollbar-thumb-hover-l: 53.3%;
  --scrollbar-thumb-hover: hsl(var(--scrollbar-thumb-hover-h), var(--scrollbar-thumb-hover-s), var(--scrollbar-thumb-hover-l));
  --secondary-bg-color-h: 226;
  --secondary-bg-color-s: 45%;
  --secondary-bg-color-l: 12.2%;
  --secondary-bg-color: hsl(var(--secondary-bg-color-h), var(--secondary-bg-color-s), var(--secondary-bg-color-l));
  --secondary-color-h: 10;
  --secondary-color-s: 12%;
  --secondary-color-l: 81.4%;
  --secondary-color: hsl(var(--secondary-color-h), var(--secondary-color-s), var(--secondary-color-l));
  --spinner-primary-color-h: 214;
  --spinner-primary-color-s: 82%;
  --spinner-primary-color-l: 63.6%;
  --spinner-primary-color: hsl(var(--spinner-primary-color-h), var(--spinner-primary-color-s), var(--spinner-primary-color-l));
  --spinner-secondary-color-h: 10;
  --spinner-secondary-color-s: 12%;
  --spinner-secondary-color-l: 16.6%;
  --spinner-secondary-color: hsl(var(--spinner-secondary-color-h), var(--spinner-secondary-color-s), var(--spinner-secondary-color-l));
  --success-color-h: 149;
  --success-color-s: 80%;
  --success-color-l: 79.5%;
  --success-color: hsl(var(--success-color-h), var(--success-color-s), var(--success-color-l));
  --table-border-h: 224;
  --table-border-s: 25%;
  --table-border-l: 25.1%;
  --table-border: hsl(var(--table-border-h), var(--table-border-s), var(--table-border-l));
  --table-header-bg-h: 226;
  --table-header-bg-s: 45%;
  --table-header-bg-l: 12.2%;
  --table-header-bg: hsl(var(--table-header-bg-h), var(--table-header-bg-s), var(--table-header-bg-l));
  --table-row-even-h: 230;
  --table-row-even-s: 45%;
  --table-row-even-l: 9.6%;
  --table-row-even: hsl(var(--table-row-even-h), var(--table-row-even-s), var(--table-row-even-l));
  --text-color-h: 10;
  --text-color-s: 12%;
  --text-color-l: 87.5%;
  --text-color: hsl(var(--text-color-h), var(--text-color-s), var(--text-color-l));
  --text-heading-h: 250;
  --text-heading-s: 40%;
  --text-heading-l: 91.3%;
  --text-heading: hsl(var(--text-heading-h), var(--text-heading-s), var(--text-heading-l));
  --text-muted-h: 10;
  --text-muted-s: 12%;
  --text-muted-l: 73.6%;
  --text-muted: hsl(var(--text-muted-h), var(--text-muted-s), var(--text-muted-l));
  --toggle-on-bg-h: 139;
  --toggle-on-bg-s: 80%;
  --toggle-on-bg-l: 75.1%;
  --toggle-on-bg: hsl(var(--toggle-on-bg-h), var(--toggle-on-bg-s), var(--toggle-on-bg-l));
  --warning-color-h: 53;
  --warning-color-s: 100%;
  --warning-color-l: 79.6%;
  --warning-color: hsl(var(--warning-color-h), var(--warning-color-s), var(--warning-color-l));
}

html[data-theme="forest"] {
  --bg-color-h: 300;
  --bg-color-s: 5%;
  --bg-color-l: 5%;
  --bg-color: hsl(var(--bg-color-h), var(--bg-color-s), var(--bg-color-l));
  --bg-darker-h: 156;
  --bg-darker-s: 22%;
  --bg-darker-l: 7.9%;
  --bg-darker: hsl(var(--bg-darker-h), var(--bg-darker-s), var(--bg-darker-l));
  --bg-lighter-h: 153;
  --bg-lighter-s: 29%;
  --bg-lighter-l: 9.1%;
  --bg-lighter: hsl(var(--bg-lighter-h), var(--bg-lighter-s), var(--bg-lighter-l));
  --bg-lightest-h: 160;
  --bg-lightest-s: 38%;
  --bg-lightest-l: 5%;
  --bg-lightest: hsl(var(--bg-lightest-h), var(--bg-lightest-s), var(--bg-lightest-l));
  --border-color-h: 154;
  --border-color-s: 18%;
  --border-color-l: 44.3%;
  --border-color: hsl(var(--border-color-h), var(--border-color-s), var(--border-color-l));
  --border-hover-color-h: 300;
  --border-hover-color-s: 5%;
  --border-hover-color-l: 32.8%;
  --border-hover-color: hsl(var(--border-hover-color-h), var(--border-hover-color-s), var(--border-hover-color-l));
  --border-light-h: 300;
  --border-light-s: 5%;
  --border-light-l: 7.9%;
  --border-light: hsl(var(--border-light-h), var(--border-light-s), var(--border-light-l));
  --button-background-color-h: 300;
  --button-background-color-s: 5%;
  --button-background-color-l: 5.5%;
  --button-background-color: hsl(var(--button-background-color-h), var(--button-background-color-s), var(--button-background-color-l));
  --button-bg-h: 156;
  --button-bg-s: 38%;
  --button-bg-l: 5%;
  --button-bg: hsl(var(--button-bg-h), var(--button-bg-s), var(--button-bg-l));
  --button-hover-background-color-h: 300;
  --button-hover-background-color-s: 5%;
  --button-hover-background-color-l: 9.1%;
  --button-hover-background-color: hsl(var(--button-hover-background-color-h), var(--button-hover-background-color-s), var(--button-hover-background-color-l));
  --button-text-h: 300;
  --button-text-s: 5%;
  --button-text-l: 81.8%;
  --button-text: hsl(var(--button-text-h), var(--button-text-s), var(--button-text-l));
  --button-text-inverse-h: 300;
  --button-text-inverse-s: 5%;
  --button-text-inverse-l: 5%;
  --button-text-inverse: hsl(var(--button-text-inverse-h), var(--button-text-inverse-s), var(--button-text-inverse-l));
  --card-background-color-h: 300;
  --card-background-color-s: 5%;
  --card-background-color-l: 5%;
  --card-background-color: hsl(var(--card-background-color-h), var(--card-background-color-s), var(--card-background-color-l));
  --card-bg-h: 156;
  --card-bg-s: 38%;
  --card-bg-l: 5%;
  --card-bg: hsl(var(--card-bg-h), var(--card-bg-s), var(--card-bg-l));
  --code-background-color-h: 300;
  --code-background-color-s: 5%;
  --code-background-color-l: 5.5%;
  --code-background-color: hsl(var(--code-background-color-h), var(--code-background-color-s), var(--code-background-color-l));
  --code-bg-h: 156;
  --code-bg-s: 38%;
  --code-bg-l: 5%;
  --code-bg: hsl(var(--code-bg-h), var(--code-bg-s), var(--code-bg-l));
  --code-text-h: 300;
  --code-text-s: 5%;
  --code-text-l: 81.8%;
  --code-text: hsl(var(--code-text-h), var(--code-text-s), var(--code-text-l));
  --code-text-color-h: 180;
  --code-text-color-s: 33%;
  --code-text-color-l: 87.3%;
  --code-text-color: hsl(var(--code-text-color-h), var(--code-text-color-s), var(--code-text-color-l));
  --danger-color-h: 290;
  --danger-color-s: 72%;
  --danger-color-l: 55.5%;
  --danger-color: hsl(var(--danger-color-h), var(--danger-color-s), var(--danger-color-l));
  --footer-bg-h: 156;
  --footer-bg-s: 38%;
  --footer-bg-l: 5%;
  --footer-bg: hsl(var(--footer-bg-h), var(--footer-bg-s), var(--footer-bg-l));
  --footer-text-h: 300;
  --footer-text-s: 5%;
  --footer-text-l: 73.5%;
  --footer-text: hsl(var(--footer-text-h), var(--footer-text-s), var(--footer-text-l));
  --health-status-checking-h: 348;
  --health-status-checking-s: 100%;
  --health-status-checking-l: 36.9%;
  --health-status-checking: hsl(var(--health-status-checking-h), var(--health-status-checking-s), var(--health-status-checking-l));
  --health-status-error-h: 329;
  --health-status-error-s: 100%;
  --health-status-error-l: 40.9%;
  --health-status-error: hsl(var(--health-status-error-h), var(--health-status-error-s), var(--health-status-error-l));
  --health-status-offline-h: 288;
  --health-status-offline-s: 91%;
  --health-status-offline-l: 42.9%;
  --health-status-offline: hsl(var(--health-status-offline-h), var(--health-status-offline-s), var(--health-status-offline-l));
  --health-status-online-h: 81;
  --health-status-online-s: 58%;
  --health-status-online-l: 50.7%;
  --health-status-online: hsl(var(--health-status-online-h), var(--health-status-online-s), var(--health-status-online-l));
  --hover-background-color-h: 300;
  --hover-background-color-s: 5%;
  --hover-background-color-l: 5.5%;
  --hover-background-color: hsl(var(--hover-background-color-h), var(--hover-background-color-s), var(--hover-background-color-l));
  --info-color-h: 143;
  --info-color-s: 91%;
  --info-color-l: 66.9%;
  --info-color: hsl(var(--info-color-h), var(--info-color-s), var(--info-color-l));
  --input-background-color-h: 300;
  --input-background-color-s: 5%;
  --input-background-color-l: 5%;
  --input-background-color: hsl(var(--input-background-color-h), var(--input-background-color-s), var(--input-background-color-l));
  --input-bg-h: 300;
  --input-bg-s: 5%;
  --input-bg-l: 5%;
  --input-bg: hsl(var(--input-bg-h), var(--input-bg-s), var(--input-bg-l));
  --input-border-h: 300;
  --input-border-s: 5%;
  --input-border-l: 17%;
  --input-border: hsl(var(--input-border-h), var(--input-border-s), var(--input-border-l));
  --input-focus-border-color-h: 157;
  --input-focus-border-color-s: 76%;
  --input-focus-border-color-l: 50.7%;
  --input-focus-border-color: hsl(var(--input-focus-border-color-h), var(--input-focus-border-color-s), var(--input-focus-border-color-l));
  --input-focus-shadow-color-h: 157;
  --input-focus-shadow-color-s: 76%;
  --input-focus-shadow-color-l: 50.7%;
  --input-focus-shadow-color: hsl(var(--input-focus-shadow-color-h), var(--input-focus-shadow-color-s), var(--input-focus-shadow-color-l));
  --input-text-h: 300;
  --input-text-s: 5%;
  --input-text-l: 81.8%;
  --input-text: hsl(var(--input-text-h), var(--input-text-s), var(--input-text-l));
  --light-button-border-h: 300;
  --light-button-border-s: 5%;
  --light-button-border-l: 34.9%;
  --light-button-border: hsl(var(--light-button-border-h), var(--light-button-border-s), var(--light-button-border-l));
  --link-color-h: 157;
  --link-color-s: 76%;
  --link-color-l: 50.7%;
  --link-color: hsl(var(--link-color-h), var(--link-color-s), var(--link-color-l));
  --link-color-hover-h: 157;
  --link-color-hover-s: 76%;
  --link-color-hover-l: 58.4%;
  --link-color-hover: hsl(var(--link-color-hover-h), var(--link-color-hover-s), var(--link-color-hover-l));
  --loading-overlay-bg-h: 300;
  --loading-overlay-bg-s: 5%;
  --loading-overlay-bg-l: 5%;
  --loading-overlay-bg: hsl(var(--loading-overlay-bg-h), var(--loading-overlay-bg-s), var(--loading-overlay-bg-l));
  --navbar-bg-h: 124;
  --navbar-bg-s: 47%;
  --navbar-bg-l: 27%;
  --navbar-bg: hsl(var(--navbar-bg-h), var(--navbar-bg-s), var(--navbar-bg-l));
  --navbar-text-h: 0;
  --navbar-text-s: 0%;
  --navbar-text-l: 100%;
  --navbar-text: hsl(var(--navbar-text-h), var(--navbar-text-s), var(--navbar-text-l));
  --primary-color-h: 157;
  --primary-color-s: 76%;
  --primary-color-l: 50.7%;
  --primary-color: hsl(var(--primary-color-h), var(--primary-color-s), var(--primary-color-l));
  --primary-color-dark-h: 157;
  --primary-color-dark-s: 76%;
  --primary-color-dark-l: 58.4%;
  --primary-color-dark: hsl(var(--primary-color-dark-h), var(--primary-color-dark-s), var(--primary-color-dark-l));
  --scrollbar-thumb-hover-h: 160;
  --scrollbar-thumb-hover-s: 12%;
  --scrollbar-thumb-hover-l: 38.9%;
  --scrollbar-thumb-hover: hsl(var(--scrollbar-thumb-hover-h), var(--scrollbar-thumb-hover-s), var(--scrollbar-thumb-hover-l));
  --secondary-bg-color-h: 156;
  --secondary-bg-color-s: 38%;
  --secondary-bg-color-l: 5%;
  --secondary-bg-color: hsl(var(--secondary-bg-color-h), var(--secondary-bg-color-s), var(--secondary-bg-color-l));
  --secondary-color-h: 300;
  --secondary-color-s: 5%;
  --secondary-color-l: 73.5%;
  --secondary-color: hsl(var(--secondary-color-h), var(--secondary-color-s), var(--secondary-color-l));
  --spinner-primary-color-h: 144;
  --spinner-primary-color-s: 75%;
  --spinner-primary-color-l: 50.7%;
  --spinner-primary-color: hsl(var(--spinner-primary-color-h), var(--spinner-primary-color-s), var(--spinner-primary-color-l));
  --spinner-secondary-color-h: 300;
  --spinner-secondary-color-s: 5%;
  --spinner-secondary-color-l: 6.7%;
  --spinner-secondary-color: hsl(var(--spinner-secondary-color-h), var(--spinner-secondary-color-s), var(--spinner-secondary-color-l));
  --success-color-h: 79;
  --success-color-s: 73%;
  --success-color-l: 70.9%;
  --success-color: hsl(var(--success-color-h), var(--success-color-s), var(--success-color-l));
  --table-border-h: 154;
  --table-border-s: 18%;
  --table-border-l: 12.6%;
  --table-border: hsl(var(--table-border-h), var(--table-border-s), var(--table-border-l));
  --table-header-bg-h: 156;
  --table-header-bg-s: 38%;
  --table-header-bg-l: 5%;
  --table-header-bg: hsl(var(--table-header-bg-h), var(--table-header-bg-s), var(--table-header-bg-l));
  --table-row-even-h: 160;
  --table-row-even-s: 38%;
  --table-row-even-l: 5%;
  --table-row-even: hsl(var(--table-row-even-h), var(--table-row-even-s), var(--table-row-even-l));
  --text-color-h: 300;
  --text-color-s: 5%;
  --text-color-l: 81.8%;
  --text-color: hsl(var(--text-color-h), var(--text-color-s), var(--text-color-l));
  --text-heading-h: 180;
  --text-heading-s: 33%;
  --text-heading-l: 87.3%;
  --text-heading: hsl(var(--text-heading-h), var(--text-heading-s), var(--text-heading-l));
  --text-muted-h: 300;
  --text-muted-s: 5%;
  --text-muted-l: 63.1%;
  --text-muted: hsl(var(--text-muted-h), var(--text-muted-s), var(--text-muted-l));
  --toggle-on-bg-h: 139;
  --toggle-on-bg-s: 73%;
  --toggle-on-bg-l: 65%;
  --toggle-on-bg: hsl(var(--toggle-on-bg-h), var(--toggle-on-bg-s), var(--toggle-on-bg-l));
  --warning-color-h: 343;
  --warning-color-s: 94%;
  --warning-color-l: 71%;
  --warning-color: hsl(var(--warning-color-h), var(--warning-color-s), var(--warning-color-l));
}

html[data-theme="sunset"] {
  --bg-color-h: 150;
  --bg-color-s: 15%;
  --bg-color-l: 5%;
  --bg-color: hsl(var(--bg-color-h), var(--bg-color-s), var(--bg-color-l));
  --bg-darker-h: 6;
  --bg-darker-s: 32%;
  --bg-darker-l: 7.9%;
  --bg-darker: hsl(var(--bg-darker-h), var(--bg-darker-s), var(--bg-darker-l));
  --bg-lighter-h: 3;
  --bg-lighter-s: 39%;
  --bg-lighter-l: 9.1%;
  --bg-lighter: hsl(var(--bg-lighter-h), var(--bg-lighter-s), var(--bg-lighter-l));
  --bg-lightest-h: 10;
  --bg-lightest-s: 48%;
  --bg-lightest-l: 5%;
  --bg-lightest: hsl(var(--bg-lightest-h), var(--bg-lightest-s), var(--bg-lightest-l));
  --border-color-h: 4;
  --border-color-s: 28%;
  --border-color-l: 44.3%;
  --border-color: hsl(var(--border-color-h), var(--border-color-s), var(--border-color-l));
  --border-hover-color-h: 150;
  --border-hover-color-s: 15%;
  --border-hover-color-l: 32.8%;
  --border-hover-color: hsl(var(--border-hover-color-h), var(--border-hover-color-s), var(--border-hover-color-l));
  --border-light-h: 150;
  --border-light-s: 15%;
  --border-light-l: 7.9%;
  --border-light: hsl(var(--border-light-h), var(--border-light-s), var(--border-light-l));
  --button-background-color-h: 150;
  --button-background-color-s: 15%;
  --button-background-color-l: 5.5%;
  --button-background-color: hsl(var(--button-background-color-h), var(--button-background-color-s), var(--button-background-color-l));
  --button-bg-h: 6;
  --button-bg-s: 48%;
  --button-bg-l: 5%;
  --button-bg: hsl(var(--button-bg-h), var(--button-bg-s), var(--button-bg-l));
  --button-hover-background-color-h: 150;
  --button-hover-background-color-s: 15%;
  --button-hover-background-color-l: 9.1%;
  --button-hover-background-color: hsl(var(--button-hover-background-color-h), var(--button-hover-background-color-s), var(--button-hover-background-color-l));
  --button-text-h: 150;
  --button-text-s: 15%;
  --button-text-l: 81.8%;
  --button-text: hsl(var(--button-text-h), var(--button-text-s), var(--button-text-l));
  --button-text-inverse-h: 150;
  --button-text-inverse-s: 15%;
  --button-text-inverse-l: 5%;
  --button-text-inverse: hsl(var(--button-text-inverse-h), var(--button-text-inverse-s), var(--button-text-inverse-l));
  --card-background-color-h: 150;
  --card-background-color-s: 15%;
  --card-background-color-l: 5%;
  --card-background-color: hsl(var(--card-background-color-h), var(--card-background-color-s), var(--card-background-color-l));
  --card-bg-h: 6;
  --card-bg-s: 48%;
  --card-bg-l: 5%;
  --card-bg: hsl(var(--card-bg-h), var(--card-bg-s), var(--card-bg-l));
  --code-background-color-h: 150;
  --code-background-color-s: 15%;
  --code-background-color-l: 5.5%;
  --code-background-color: hsl(var(--code-background-color-h), var(--code-background-color-s), var(--code-background-color-l));
  --code-bg-h: 6;
  --code-bg-s: 48%;
  --code-bg-l: 5%;
  --code-bg: hsl(var(--code-bg-h), var(--code-bg-s), var(--code-bg-l));
  --code-text-h: 150;
  --code-text-s: 15%;
  --code-text-l: 81.8%;
  --code-text: hsl(var(--code-text-h), var(--code-text-s), var(--code-text-l));
  --code-text-color-h: 30;
  --code-text-color-s: 43%;
  --code-text-color-l: 87.3%;
  --code-text-color: hsl(var(--code-text-color-h), var(--code-text-color-s), var(--code-text-color-l));
  --danger-color-h: 140;
  --danger-color-s: 82%;
  --danger-color-l: 55.5%;
  --danger-color: hsl(var(--danger-color-h), var(--danger-color-s), var(--danger-color-l));
  --footer-bg-h: 6;
  --footer-bg-s: 48%;
  --footer-bg-l: 5%;
  --footer-bg: hsl(var(--footer-bg-h), var(--footer-bg-s), var(--footer-bg-l));
  --footer-text-h: 150;
  --footer-text-s: 15%;
  --footer-text-l: 73.5%;
  --footer-text: hsl(var(--footer-text-h), var(--footer-text-s), var(--footer-text-l));
  --health-status-checking-h: 198;
  --health-status-checking-s: 100%;
  --health-status-checking-l: 36.9%;
  --health-status-checking: hsl(var(--health-status-checking-h), var(--health-status-checking-s), var(--health-status-checking-l));
  --health-status-error-h: 179;
  --health-status-error-s: 100%;
  --health-status-error-l: 40.9%;
  --health-status-error: hsl(var(--health-status-error-h), var(--health-status-error-s), var(--health-status-error-l));
  --health-status-offline-h: 138;
  --health-status-offline-s: 100%;
  --health-status-offline-l: 42.9%;
  --health-status-offline: hsl(var(--health-status-offline-h), var(--health-status-offline-s), var(--health-status-offline-l));
  --health-status-online-h: 291;
  --health-status-online-s: 68%;
  --health-status-online-l: 50.7%;
  --health-status-online: hsl(var(--health-status-online-h), var(--health-status-online-s), var(--health-status-online-l));
  --hover-background-color-h: 150;
  --hover-background-color-s: 15%;
  --hover-background-color-l: 5.5%;
  --hover-background-color: hsl(var(--hover-background-color-h), var(--hover-background-color-s), var(--hover-background-color-l));
  --info-color-h: 353;
  --info-color-s: 100%;
  --info-color-l: 66.9%;
  --info-color: hsl(var(--info-color-h), var(--info-color-s), var(--info-color-l));
  --input-background-color-h: 150;
  --input-background-color-s: 15%;
  --input-background-color-l: 5%;
  --input-background-color: hsl(var(--input-background-color-h), var(--input-background-color-s), var(--input-background-color-l));
  --input-bg-h: 150;
  --input-bg-s: 15%;
  --input-bg-l: 5%;
  --input-bg: hsl(var(--input-bg-h), var(--input-bg-s), var(--input-bg-l));
  --input-border-h: 150;
  --input-border-s: 15%;
  --input-border-l: 17%;
  --input-border: hsl(var(--input-border-h), var(--input-border-s), var(--input-border-l));
  --input-focus-border-color-h: 7;
  --input-focus-border-color-s: 86%;
  --input-focus-border-color-l: 50.7%;
  --input-focus-border-color: hsl(var(--input-focus-border-color-h), var(--input-focus-border-color-s), var(--input-focus-border-color-l));
  --input-focus-shadow-color-h: 7;
  --input-focus-shadow-color-s: 86%;
  --input-focus-shadow-color-l: 50.7%;
  --input-focus-shadow-color: hsl(var(--input-focus-shadow-color-h), var(--input-focus-shadow-color-s), var(--input-focus-shadow-color-l));
  --input-text-h: 150;
  --input-text-s: 15%;
  --input-text-l: 81.8%;
  --input-text: hsl(var(--input-text-h), var(--input-text-s), var(--input-text-l));
  --light-button-border-h: 150;
  --light-button-border-s: 15%;
  --light-button-border-l: 34.9%;
  --light-button-border: hsl(var(--light-button-border-h), var(--light-button-border-s), var(--light-button-border-l));
  --link-color-h: 7;
  --link-color-s: 86%;
  --link-color-l: 50.7%;
  --link-color: hsl(var(--link-color-h), var(--link-color-s), var(--link-color-l));
  --link-color-hover-h: 7;
  --link-color-hover-s: 86%;
  --link-color-hover-l: 58.4%;
  --link-color-hover: hsl(var(--link-color-hover-h), var(--link-color-hover-s), var(--link-color-hover-l));
  --loading-overlay-bg-h: 150;
  --loading-overlay-bg-s: 15%;
  --loading-overlay-bg-l: 5%;
  --loading-overlay-bg: hsl(var(--loading-overlay-bg-h), var(--loading-overlay-bg-s), var(--loading-overlay-bg-l));
  --navbar-bg-h: 334;
  --navbar-bg-s: 57%;
  --navbar-bg-l: 27%;
  --navbar-bg: hsl(var(--navbar-bg-h), var(--navbar-bg-s), var(--navbar-bg-l));
  --navbar-text-h: 0;
  --navbar-text-s: 0%;
  --navbar-text-l: 100%;
  --navbar-text: hsl(var(--navbar-text-h), var(--navbar-text-s), var(--navbar-text-l));
  --primary-color-h: 7;
  --primary-color-s: 86%;
  --primary-color-l: 50.7%;
  --primary-color: hsl(var(--primary-color-h), var(--primary-color-s), var(--primary-color-l));
  --primary-color-dark-h: 7;
  --primary-color-dark-s: 86%;
  --primary-color-dark-l: 58.4%;
  --primary-color-dark: hsl(var(--primary-color-dark-h), var(--primary-color-dark-s), var(--primary-color-dark-l));
  --scrollbar-thumb-hover-h: 10;
  --scrollbar-thumb-hover-s: 22%;
  --scrollbar-thumb-hover-l: 38.9%;
  --scrollbar-thumb-hover: hsl(var(--scrollbar-thumb-hover-h), var(--scrollbar-thumb-hover-s), var(--scrollbar-thumb-hover-l));
  --secondary-bg-color-h: 6;
  --secondary-bg-color-s: 48%;
  --secondary-bg-color-l: 5%;
  --secondary-bg-color: hsl(var(--secondary-bg-color-h), var(--secondary-bg-color-s), var(--secondary-bg-color-l));
  --secondary-color-h: 150;
  --secondary-color-s: 15%;
  --secondary-color-l: 73.5%;
  --secondary-color: hsl(var(--secondary-color-h), var(--secondary-color-s), var(--secondary-color-l));
  --spinner-primary-color-h: 354;
  --spinner-primary-color-s: 85%;
  --spinner-primary-color-l: 50.7%;
  --spinner-primary-color: hsl(var(--spinner-primary-color-h), var(--spinner-primary-color-s), var(--spinner-primary-color-l));
  --spinner-secondary-color-h: 150;
  --spinner-secondary-color-s: 15%;
  --spinner-secondary-color-l: 6.7%;
  --spinner-secondary-color: hsl(var(--spinner-secondary-color-h), var(--spinner-secondary-color-s), var(--spinner-secondary-color-l));
  --success-color-h: 289;
  --success-color-s: 83%;
  --success-color-l: 70.9%;
  --success-color: hsl(var(--success-color-h), var(--success-color-s), var(--success-color-l));
  --table-border-h: 4;
  --table-border-s: 28%;
  --table-border-l: 12.6%;
  --table-border: hsl(var(--table-border-h), var(--table-border-s), var(--table-border-l));
  --table-header-bg-h: 6;
  --table-header-bg-s: 48%;
  --table-header-bg-l: 5%;
  --table-header-bg: hsl(var(--table-header-bg-h), var(--table-header-bg-s), var(--table-header-bg-l));
  --table-row-even-h: 10;
  --table-row-even-s: 48%;
  --table-row-even-l: 5%;
  --table-row-even: hsl(var(--table-row-even-h), var(--table-row-even-s), var(--table-row-even-l));
  --text-color-h: 150;
  --text-color-s: 15%;
  --text-color-l: 81.8%;
  --text-color: hsl(var(--text-color-h), var(--text-color-s), var(--text-color-l));
  --text-heading-h: 30;
  --text-heading-s: 43%;
  --text-heading-l: 87.3%;
  --text-heading: hsl(var(--text-heading-h), var(--text-heading-s), var(--text-heading-l));
  --text-muted-h: 150;
  --text-muted-s: 15%;
  --text-muted-l: 63.1%;
  --text-muted: hsl(var(--text-muted-h), var(--text-muted-s), var(--text-muted-l));
  --toggle-on-bg-h: 139;
  --toggle-on-bg-s: 83%;
  --toggle-on-bg-l: 65%;
  --toggle-on-bg: hsl(var(--toggle-on-bg-h), var(--toggle-on-bg-s), var(--toggle-on-bg-l));
  --warning-color-h: 193;
  --warning-color-s: 100%;
  --warning-color-l: 71%;
  --warning-color: hsl(var(--warning-color-h), var(--warning-color-s), var(--warning-color-l));
}

html[data-theme="sepia"] {
  --bg-color-h: 30;
  --bg-color-s: 25%;
  --bg-color-l: 8%;
  --bg-color: hsl(var(--bg-color-h), var(--bg-color-s), var(--bg-color-l));
  --bg-darker-h: 246;
  --bg-darker-s: 42%;
  --bg-darker-l: 9.2%;
  --bg-darker: hsl(var(--bg-darker-h), var(--bg-darker-s), var(--bg-darker-l));
  --bg-lighter-h: 243;
  --bg-lighter-s: 49%;
  --bg-lighter-l: 10.4%;
  --bg-lighter: hsl(var(--bg-lighter-h), var(--bg-lighter-s), var(--bg-lighter-l));
  --bg-lightest-h: 250;
  --bg-lightest-s: 58%;
  --bg-lightest-l: 8%;
  --bg-lightest: hsl(var(--bg-lightest-h), var(--bg-lightest-s), var(--bg-lightest-l));
  --border-color-h: 244;
  --border-color-s: 38%;
  --border-color-l: 46.4%;
  --border-color: hsl(var(--border-color-h), var(--border-color-s), var(--border-color-l));
  --border-hover-color-h: 30;
  --border-hover-color-s: 25%;
  --border-hover-color-l: 34.9%;
  --border-hover-color: hsl(var(--border-hover-color-h), var(--border-hover-color-s), var(--border-hover-color-l));
  --border-light-h: 30;
  --border-light-s: 25%;
  --border-light-l: 9.2%;
  --border-light: hsl(var(--border-light-h), var(--border-light-s), var(--border-light-l));
  --button-background-color-h: 30;
  --button-background-color-s: 25%;
  --button-background-color-l: 8%;
  --button-background-color: hsl(var(--button-background-color-h), var(--button-background-color-s), var(--button-background-color-l));
  --button-bg-h: 246;
  --button-bg-s: 58%;
  --button-bg-l: 8%;
  --button-bg: hsl(var(--button-bg-h), var(--button-bg-s), var(--button-bg-l));
  --button-hover-background-color-h: 30;
  --button-hover-background-color-s: 25%;
  --button-hover-background-color-l: 10.4%;
  --button-hover-background-color: hsl(var(--button-hover-background-color-h), var(--button-hover-background-color-s), var(--button-hover-background-color-l));
  --button-text-h: 30;
  --button-text-s: 25%;
  --button-text-l: 82.7%;
  --button-text: hsl(var(--button-text-h), var(--button-text-s), var(--button-text-l));
  --button-text-inverse-h: 30;
  --button-text-inverse-s: 25%;
  --button-text-inverse-l: 8%;
  --button-text-inverse: hsl(var(--button-text-inverse-h), var(--button-text-inverse-s), var(--button-text-inverse-l));
  --card-background-color-h: 30;
  --card-background-color-s: 25%;
  --card-background-color-l: 8%;
  --card-background-color: hsl(var(--card-background-color-h), var(--card-background-color-s), var(--card-background-color-l));
  --card-bg-h: 246;
  --card-bg-s: 58%;
  --card-bg-l: 8%;
  --card-bg: hsl(var(--card-bg-h), var(--card-bg-s), var(--card-bg-l));
  --code-background-color-h: 30;
  --code-background-color-s: 25%;
  --code-background-color-l: 8%;
  --code-background-color: hsl(var(--code-background-color-h), var(--code-background-color-s), var(--code-background-color-l));
  --code-bg-h: 246;
  --code-bg-s: 58%;
  --code-bg-l: 8%;
  --code-bg: hsl(var(--code-bg-h), var(--code-bg-s), var(--code-bg-l));
  --code-text-h: 30;
  --code-text-s: 25%;
  --code-text-l: 82.7%;
  --code-text: hsl(var(--code-text-h), var(--code-text-s), var(--code-text-l));
  --code-text-color-h: 270;
  --code-text-color-s: 53%;
  --code-text-color-l: 88%;
  --code-text-color: hsl(var(--code-text-color-h), var(--code-text-color-s), var(--code-text-color-l));
  --danger-color-h: 20;
  --danger-color-s: 92%;
  --danger-color-l: 57.4%;
  --danger-color: hsl(var(--danger-color-h), var(--danger-color-s), var(--danger-color-l));
  --footer-bg-h: 246;
  --footer-bg-s: 58%;
  --footer-bg-l: 8%;
  --footer-bg: hsl(var(--footer-bg-h), var(--footer-bg-s), var(--footer-bg-l));
  --footer-text-h: 30;
  --footer-text-s: 25%;
  --footer-text-l: 74.7%;
  --footer-text: hsl(var(--footer-text-h), var(--footer-text-s), var(--footer-text-l));
  --health-status-checking-h: 78;
  --health-status-checking-s: 100%;
  --health-status-checking-l: 39%;
  --health-status-checking: hsl(var(--health-status-checking-h), var(--health-status-checking-s), var(--health-status-checking-l));
  --health-status-error-h: 59;
  --health-status-error-s: 100%;
  --health-status-error-l: 43%;
  --health-status-error: hsl(var(--health-status-error-h), var(--health-status-error-s), var(--health-status-error-l));
  --health-status-offline-h: 18;
  --health-status-offline-s: 100%;
  --health-status-offline-l: 44.9%;
  --health-status-offline: hsl(var(--health-status-offline-h), var(--health-status-offline-s), var(--health-status-offline-l));
  --health-status-online-h: 171;
  --health-status-online-s: 78%;
  --health-status-online-l: 52.6%;
  --health-status-online: hsl(var(--health-status-online-h), var(--health-status-online-s), var(--health-status-online-l));
  --hover-background-color-h: 30;
  --hover-background-color-s: 25%;
  --hover-background-color-l: 8%;
  --hover-background-color: hsl(var(--hover-background-color-h), var(--hover-background-color-s), var(--hover-background-color-l));
  --info-color-h: 233;
  --info-color-s: 100%;
  --info-color-l: 68.4%;
  --info-color: hsl(var(--info-color-h), var(--info-color-s), var(--info-color-l));
  --input-background-color-h: 30;
  --input-background-color-s: 25%;
  --input-background-color-l: 8%;
  --input-background-color: hsl(var(--input-background-color-h), var(--input-background-color-s), var(--input-background-color-l));
  --input-bg-h: 30;
  --input-bg-s: 25%;
  --input-bg-l: 8%;
  --input-bg: hsl(var(--input-bg-h), var(--input-bg-s), var(--input-bg-l));
  --input-border-h: 30;
  --input-border-s: 25%;
  --input-border-l: 18.8%;
  --input-border: hsl(var(--input-border-h), var(--input-border-s), var(--input-border-l));
  --input-focus-border-color-h: 247;
  --input-focus-border-color-s: 96%;
  --input-focus-border-color-l: 52.6%;
  --input-focus-border-color: hsl(var(--input-focus-border-color-h), var(--input-focus-border-color-s), var(--input-focus-border-color-l));
  --input-focus-shadow-color-h: 247;
  --input-focus-shadow-color-s: 96%;
  --input-focus-shadow-color-l: 52.6%;
  --input-focus-shadow-color: hsl(var(--input-focus-shadow-color-h), var(--input-focus-shadow-color-s), var(--input-focus-shadow-color-l));
  --input-text-h: 30;
  --input-text-s: 25%;
  --input-text-l: 82.7%;
  --input-text: hsl(var(--input-text-h), var(--input-text-s), var(--input-text-l));
  --light-button-border-h: 30;
  --light-button-border-s: 25%;
  --light-button-border-l: 37%;
  --light-button-border: hsl(var(--light-button-border-h), var(--light-button-border-s), var(--light-button-border-l));
  --link-color-h: 247;
  --link-color-s: 96%;
  --link-color-l: 52.6%;
  --link-color: hsl(var(--link-color-h), var(--link-color-s), var(--link-color-l));
  --link-color-hover-h: 247;
  --link-color-hover-s: 96%;
  --link-color-hover-l: 60.2%;
  --link-color-hover: hsl(var(--link-color-hover-h), var(--link-color-hover-s), var(--link-color-hover-l));
  --loading-overlay-bg-h: 30;
  --loading-overlay-bg-s: 25%;
  --loading-overlay-bg-l: 8%;
  --loading-overlay-bg: hsl(var(--loading-overlay-bg-h), var(--loading-overlay-bg-s), var(--loading-overlay-bg-l));
  --navbar-bg-h: 214;
  --navbar-bg-s: 67%;
  --navbar-bg-l: 27%;
  --navbar-bg: hsl(var(--navbar-bg-h), var(--navbar-bg-s), var(--navbar-bg-l));
  --navbar-text-h: 0;
  --navbar-text-s: 0%;
  --navbar-text-l: 100%;
  --navbar-text: hsl(var(--navbar-text-h), var(--navbar-text-s), var(--navbar-text-l));
  --primary-color-h: 247;
  --primary-color-s: 96%;
  --primary-color-l: 52.6%;
  --primary-color: hsl(var(--primary-color-h), var(--primary-color-s), var(--primary-color-l));
  --primary-color-dark-h: 247;
  --primary-color-dark-s: 96%;
  --primary-color-dark-l: 60.2%;
  --primary-color-dark: hsl(var(--primary-color-dark-h), var(--primary-color-dark-s), var(--primary-color-dark-l));
  --scrollbar-thumb-hover-h: 250;
  --scrollbar-thumb-hover-s: 32%;
  --scrollbar-thumb-hover-l: 41%;
  --scrollbar-thumb-hover: hsl(var(--scrollbar-thumb-hover-h), var(--scrollbar-thumb-hover-s), var(--scrollbar-thumb-hover-l));
  --secondary-bg-color-h: 246;
  --secondary-bg-color-s: 58%;
  --secondary-bg-color-l: 8%;
  --secondary-bg-color: hsl(var(--secondary-bg-color-h), var(--secondary-bg-color-s), var(--secondary-bg-color-l));
  --secondary-color-h: 30;
  --secondary-color-s: 25%;
  --secondary-color-l: 74.7%;
  --secondary-color: hsl(var(--secondary-color-h), var(--secondary-color-s), var(--secondary-color-l));
  --spinner-primary-color-h: 234;
  --spinner-primary-color-s: 95%;
  --spinner-primary-color-l: 52.6%;
  --spinner-primary-color: hsl(var(--spinner-primary-color-h), var(--spinner-primary-color-s), var(--spinner-primary-color-l));
  --spinner-secondary-color-h: 30;
  --spinner-secondary-color-s: 25%;
  --spinner-secondary-color-l: 8%;
  --spinner-secondary-color: hsl(var(--spinner-secondary-color-h), var(--spinner-secondary-color-s), var(--spinner-secondary-color-l));
  --success-color-h: 169;
  --success-color-s: 93%;
  --success-color-l: 72.2%;
  --success-color: hsl(var(--success-color-h), var(--success-color-s), var(--success-color-l));
  --table-border-h: 244;
  --table-border-s: 38%;
  --table-border-l: 14.1%;
  --table-border: hsl(var(--table-border-h), var(--table-border-s), var(--table-border-l));
  --table-header-bg-h: 246;
  --table-header-bg-s: 58%;
  --table-header-bg-l: 8%;
  --table-header-bg: hsl(var(--table-header-bg-h), var(--table-header-bg-s), var(--table-header-bg-l));
  --table-row-even-h: 250;
  --table-row-even-s: 58%;
  --table-row-even-l: 8%;
  --table-row-even: hsl(var(--table-row-even-h), var(--table-row-even-s), var(--table-row-even-l));
  --text-color-h: 30;
  --text-color-s: 25%;
  --text-color-l: 82.7%;
  --text-color: hsl(var(--text-color-h), var(--text-color-s), var(--text-color-l));
  --text-heading-h: 270;
  --text-heading-s: 53%;
  --text-heading-l: 88%;
  --text-heading: hsl(var(--text-heading-h), var(--text-heading-s), var(--text-heading-l));
  --text-muted-h: 30;
  --text-muted-s: 25%;
  --text-muted-l: 64.8%;
  --text-muted: hsl(var(--text-muted-h), var(--text-muted-s), var(--text-muted-l));
  --toggle-on-bg-h: 139;
  --toggle-on-bg-s: 93%;
  --toggle-on-bg-l: 66.6%;
  --toggle-on-bg: hsl(var(--toggle-on-bg-h), var(--toggle-on-bg-s), var(--toggle-on-bg-l));
  --warning-color-h: 73;
  --warning-color-s: 100%;
  --warning-color-l: 72.4%;
  --warning-color: hsl(var(--warning-color-h), var(--warning-color-s), var(--warning-color-l));
}