/* Utility themes (ami_contingent/utility_themes.py) */
:root[data-theme="u-cape-hatteras"] {
  --primary: #00529B; --accent: #00A6CE;
  --nav-bg: color-mix(in srgb, #00529B 3%, #FFFFFF); --nav-hover: color-mix(in srgb, #00529B 12%, #FFFFFF);
  --nav-dark: color-mix(in srgb, #00529B 70%, black);   /* the bar when "Nav bar" is on; its hover is 85% primary + 15% black */
  --nav-text: #00529B; --nav-hover-text: #00529B; --on-primary: #FFFFFF;
  --light-bg: color-mix(in srgb, #00529B 3%, #FFFFFF); --card-bg: #FFFFFF;
  --text: #172B3A; --text-hover: #F8FAFC;
  --border: color-mix(in srgb, #00529B 12%, #FFFFFF);
  --muted: #526779; --shadow: none;
  --control-bg: #FFFFFF; --control-border: color-mix(in srgb, #00529B 30%, #CBD5E1); --control-text: #172B3A;
  --table-border: var(--border);
  --table-header-bg: color-mix(in srgb, #00529B 6%, #FFFFFF); --table-header-text: #172B3A;
  --table-hover-bg: color-mix(in srgb, #00529B 8%, #FFFFFF); --table-hover-text: #172B3A;
  --selection-bg: color-mix(in srgb, #00A6CE 18%, #FFFFFF);
  --table-selected-bg: var(--selection-bg); --table-selected-text: #172B3A;
  --table-zebra: #F5F7FA;
}
:root[data-theme="u-albemarle"] {
  --primary: #005596; --accent: #62A744;
  --nav-bg: color-mix(in srgb, #005596 3%, #FFFFFF); --nav-hover: color-mix(in srgb, #005596 12%, #FFFFFF);
  --nav-dark: color-mix(in srgb, #005596 70%, black);   /* the bar when "Nav bar" is on; its hover is 85% primary + 15% black */
  --nav-text: #005596; --nav-hover-text: #005596; --on-primary: #FFFFFF;
  --light-bg: color-mix(in srgb, #005596 3%, #FFFFFF); --card-bg: #FFFFFF;
  --text: #172B3A; --text-hover: #F8FAFC;
  --border: color-mix(in srgb, #005596 12%, #FFFFFF);
  --muted: #526779; --shadow: none;
  --control-bg: #FFFFFF; --control-border: color-mix(in srgb, #005596 30%, #CBD5E1); --control-text: #172B3A;
  --table-border: var(--border);
  --table-header-bg: color-mix(in srgb, #005596 6%, #FFFFFF); --table-header-text: #172B3A;
  --table-hover-bg: color-mix(in srgb, #005596 8%, #FFFFFF); --table-hover-text: #172B3A;
  --selection-bg: color-mix(in srgb, #62A744 18%, #FFFFFF);
  --table-selected-bg: var(--selection-bg); --table-selected-text: #172B3A;
  --table-zebra: #F5F7FA;
}
:root[data-theme="u-halifax"] {
  --primary: #00529B; --accent: #F2B233;
  --nav-bg: color-mix(in srgb, #00529B 3%, #FFFFFF); --nav-hover: color-mix(in srgb, #00529B 12%, #FFFFFF);
  --nav-dark: color-mix(in srgb, #00529B 70%, black);   /* the bar when "Nav bar" is on; its hover is 85% primary + 15% black */
  --nav-text: #00529B; --nav-hover-text: #00529B; --on-primary: #FFFFFF;
  --light-bg: color-mix(in srgb, #00529B 3%, #FFFFFF); --card-bg: #FFFFFF;
  --text: #172B3A; --text-hover: #F8FAFC;
  --border: color-mix(in srgb, #00529B 12%, #FFFFFF);
  --muted: #526779; --shadow: none;
  --control-bg: #FFFFFF; --control-border: color-mix(in srgb, #00529B 30%, #CBD5E1); --control-text: #172B3A;
  --table-border: var(--border);
  --table-header-bg: color-mix(in srgb, #00529B 6%, #FFFFFF); --table-header-text: #172B3A;
  --table-hover-bg: color-mix(in srgb, #00529B 8%, #FFFFFF); --table-hover-text: #172B3A;
  --selection-bg: color-mix(in srgb, #F2B233 18%, #FFFFFF);
  --table-selected-bg: var(--selection-bg); --table-selected-text: #172B3A;
  --table-zebra: #F5F7FA;
}
:root[data-theme="u-newberry"] {
  --primary: #005A9C; --accent: #70A43C;
  --nav-bg: color-mix(in srgb, #005A9C 3%, #FFFFFF); --nav-hover: color-mix(in srgb, #005A9C 12%, #FFFFFF);
  --nav-dark: color-mix(in srgb, #005A9C 70%, black);   /* the bar when "Nav bar" is on; its hover is 85% primary + 15% black */
  --nav-text: #005A9C; --nav-hover-text: #005A9C; --on-primary: #FFFFFF;
  --light-bg: color-mix(in srgb, #005A9C 3%, #FFFFFF); --card-bg: #FFFFFF;
  --text: #172B3A; --text-hover: #F8FAFC;
  --border: color-mix(in srgb, #005A9C 12%, #FFFFFF);
  --muted: #526779; --shadow: none;
  --control-bg: #FFFFFF; --control-border: color-mix(in srgb, #005A9C 30%, #CBD5E1); --control-text: #172B3A;
  --table-border: var(--border);
  --table-header-bg: color-mix(in srgb, #005A9C 6%, #FFFFFF); --table-header-text: #172B3A;
  --table-hover-bg: color-mix(in srgb, #005A9C 8%, #FFFFFF); --table-hover-text: #172B3A;
  --selection-bg: color-mix(in srgb, #70A43C 18%, #FFFFFF);
  --table-selected-bg: var(--selection-bg); --table-selected-text: #172B3A;
  --table-zebra: #F5F7FA;
}
:root[data-theme="u-forked-deer"] {
  --primary: #005596; --accent: #F7941D;
  --nav-bg: color-mix(in srgb, #005596 3%, #FFFFFF); --nav-hover: color-mix(in srgb, #005596 12%, #FFFFFF);
  --nav-dark: color-mix(in srgb, #005596 70%, black);   /* the bar when "Nav bar" is on; its hover is 85% primary + 15% black */
  --nav-text: #005596; --nav-hover-text: #005596; --on-primary: #FFFFFF;
  --light-bg: color-mix(in srgb, #005596 3%, #FFFFFF); --card-bg: #FFFFFF;
  --text: #172B3A; --text-hover: #F8FAFC;
  --border: color-mix(in srgb, #005596 12%, #FFFFFF);
  --muted: #526779; --shadow: none;
  --control-bg: #FFFFFF; --control-border: color-mix(in srgb, #005596 30%, #CBD5E1); --control-text: #172B3A;
  --table-border: var(--border);
  --table-header-bg: color-mix(in srgb, #005596 6%, #FFFFFF); --table-header-text: #172B3A;
  --table-hover-bg: color-mix(in srgb, #005596 8%, #FFFFFF); --table-hover-text: #172B3A;
  --selection-bg: color-mix(in srgb, #F7941D 18%, #FFFFFF);
  --table-selected-bg: var(--selection-bg); --table-selected-text: #172B3A;
  --table-zebra: #F5F7FA;
}
:root[data-theme="u-pitt-greene"] {
  --primary: #0066A4; --accent: #6DA544;
  --nav-bg: color-mix(in srgb, #0066A4 3%, #FFFFFF); --nav-hover: color-mix(in srgb, #0066A4 12%, #FFFFFF);
  --nav-dark: color-mix(in srgb, #0066A4 70%, black);   /* the bar when "Nav bar" is on; its hover is 85% primary + 15% black */
  --nav-text: #0066A4; --nav-hover-text: #0066A4; --on-primary: #FFFFFF;
  --light-bg: color-mix(in srgb, #0066A4 3%, #FFFFFF); --card-bg: #FFFFFF;
  --text: #172B3A; --text-hover: #F8FAFC;
  --border: color-mix(in srgb, #0066A4 12%, #FFFFFF);
  --muted: #526779; --shadow: none;
  --control-bg: #FFFFFF; --control-border: color-mix(in srgb, #0066A4 30%, #CBD5E1); --control-text: #172B3A;
  --table-border: var(--border);
  --table-header-bg: color-mix(in srgb, #0066A4 6%, #FFFFFF); --table-header-text: #172B3A;
  --table-hover-bg: color-mix(in srgb, #0066A4 8%, #FFFFFF); --table-hover-text: #172B3A;
  --selection-bg: color-mix(in srgb, #6DA544 18%, #FFFFFF);
  --table-selected-bg: var(--selection-bg); --table-selected-text: #172B3A;
  --table-zebra: #F5F7FA;
}
:root[data-theme="u-edgecombe-martin-county"] {
  --primary: #005A9C; --accent: #72A942;
  --nav-bg: color-mix(in srgb, #005A9C 3%, #FFFFFF); --nav-hover: color-mix(in srgb, #005A9C 12%, #FFFFFF);
  --nav-dark: color-mix(in srgb, #005A9C 70%, black);   /* the bar when "Nav bar" is on; its hover is 85% primary + 15% black */
  --nav-text: #005A9C; --nav-hover-text: #005A9C; --on-primary: #FFFFFF;
  --light-bg: color-mix(in srgb, #005A9C 3%, #FFFFFF); --card-bg: #FFFFFF;
  --text: #172B3A; --text-hover: #F8FAFC;
  --border: color-mix(in srgb, #005A9C 12%, #FFFFFF);
  --muted: #526779; --shadow: none;
  --control-bg: #FFFFFF; --control-border: color-mix(in srgb, #005A9C 30%, #CBD5E1); --control-text: #172B3A;
  --table-border: var(--border);
  --table-header-bg: color-mix(in srgb, #005A9C 6%, #FFFFFF); --table-header-text: #172B3A;
  --table-hover-bg: color-mix(in srgb, #005A9C 8%, #FFFFFF); --table-hover-text: #172B3A;
  --selection-bg: color-mix(in srgb, #72A942 18%, #FFFFFF);
  --table-selected-bg: var(--selection-bg); --table-selected-text: #172B3A;
  --table-zebra: #F5F7FA;
}
:root[data-theme="u-tideland"] {
  --primary: #006A8E; --accent: #00A6A6;
  --nav-bg: color-mix(in srgb, #006A8E 3%, #FFFFFF); --nav-hover: color-mix(in srgb, #006A8E 12%, #FFFFFF);
  --nav-dark: color-mix(in srgb, #006A8E 70%, black);   /* the bar when "Nav bar" is on; its hover is 85% primary + 15% black */
  --nav-text: #006A8E; --nav-hover-text: #006A8E; --on-primary: #FFFFFF;
  --light-bg: color-mix(in srgb, #006A8E 3%, #FFFFFF); --card-bg: #FFFFFF;
  --text: #172B3A; --text-hover: #F8FAFC;
  --border: color-mix(in srgb, #006A8E 12%, #FFFFFF);
  --muted: #526779; --shadow: none;
  --control-bg: #FFFFFF; --control-border: color-mix(in srgb, #006A8E 30%, #CBD5E1); --control-text: #172B3A;
  --table-border: var(--border);
  --table-header-bg: color-mix(in srgb, #006A8E 6%, #FFFFFF); --table-header-text: #172B3A;
  --table-hover-bg: color-mix(in srgb, #006A8E 8%, #FFFFFF); --table-hover-text: #172B3A;
  --selection-bg: color-mix(in srgb, #00A6A6 18%, #FFFFFF);
  --table-selected-bg: var(--selection-bg); --table-selected-text: #172B3A;
  --table-zebra: #F5F7FA;
}
:root[data-theme="u-little-river"] {
  --primary: #0066A4; --accent: #5A9E45;
  --nav-bg: color-mix(in srgb, #0066A4 3%, #FFFFFF); --nav-hover: color-mix(in srgb, #0066A4 12%, #FFFFFF);
  --nav-dark: color-mix(in srgb, #0066A4 70%, black);   /* the bar when "Nav bar" is on; its hover is 85% primary + 15% black */
  --nav-text: #0066A4; --nav-hover-text: #0066A4; --on-primary: #FFFFFF;
  --light-bg: color-mix(in srgb, #0066A4 3%, #FFFFFF); --card-bg: #FFFFFF;
  --text: #172B3A; --text-hover: #F8FAFC;
  --border: color-mix(in srgb, #0066A4 12%, #FFFFFF);
  --muted: #526779; --shadow: none;
  --control-bg: #FFFFFF; --control-border: color-mix(in srgb, #0066A4 30%, #CBD5E1); --control-text: #172B3A;
  --table-border: var(--border);
  --table-header-bg: color-mix(in srgb, #0066A4 6%, #FFFFFF); --table-header-text: #172B3A;
  --table-hover-bg: color-mix(in srgb, #0066A4 8%, #FFFFFF); --table-hover-text: #172B3A;
  --selection-bg: color-mix(in srgb, #5A9E45 18%, #FFFFFF);
  --table-selected-bg: var(--selection-bg); --table-selected-text: #172B3A;
  --table-zebra: #F5F7FA;
}
:root[data-theme="u-plateau"] {
  --primary: #005596; --accent: #7FA9C9;
  --nav-bg: color-mix(in srgb, #005596 3%, #FFFFFF); --nav-hover: color-mix(in srgb, #005596 12%, #FFFFFF);
  --nav-dark: color-mix(in srgb, #005596 70%, black);   /* the bar when "Nav bar" is on; its hover is 85% primary + 15% black */
  --nav-text: #005596; --nav-hover-text: #005596; --on-primary: #FFFFFF;
  --light-bg: color-mix(in srgb, #005596 3%, #FFFFFF); --card-bg: #FFFFFF;
  --text: #172B3A; --text-hover: #F8FAFC;
  --border: color-mix(in srgb, #005596 12%, #FFFFFF);
  --muted: #526779; --shadow: none;
  --control-bg: #FFFFFF; --control-border: color-mix(in srgb, #005596 30%, #CBD5E1); --control-text: #172B3A;
  --table-border: var(--border);
  --table-header-bg: color-mix(in srgb, #005596 6%, #FFFFFF); --table-header-text: #172B3A;
  --table-hover-bg: color-mix(in srgb, #005596 8%, #FFFFFF); --table-hover-text: #172B3A;
  --selection-bg: color-mix(in srgb, #7FA9C9 18%, #FFFFFF);
  --table-selected-bg: var(--selection-bg); --table-selected-text: #172B3A;
  --table-zebra: #F5F7FA;
}
:root[data-theme="u-fayetteville"] {
  --primary: #005A9C; --accent: #63A7D8;
  --nav-bg: color-mix(in srgb, #005A9C 3%, #FFFFFF); --nav-hover: color-mix(in srgb, #005A9C 12%, #FFFFFF);
  --nav-dark: color-mix(in srgb, #005A9C 70%, black);   /* the bar when "Nav bar" is on; its hover is 85% primary + 15% black */
  --nav-text: #005A9C; --nav-hover-text: #005A9C; --on-primary: #FFFFFF;
  --light-bg: color-mix(in srgb, #005A9C 3%, #FFFFFF); --card-bg: #FFFFFF;
  --text: #172B3A; --text-hover: #F8FAFC;
  --border: color-mix(in srgb, #005A9C 12%, #FFFFFF);
  --muted: #526779; --shadow: none;
  --control-bg: #FFFFFF; --control-border: color-mix(in srgb, #005A9C 30%, #CBD5E1); --control-text: #172B3A;
  --table-border: var(--border);
  --table-header-bg: color-mix(in srgb, #005A9C 6%, #FFFFFF); --table-header-text: #172B3A;
  --table-hover-bg: color-mix(in srgb, #005A9C 8%, #FFFFFF); --table-hover-text: #172B3A;
  --selection-bg: color-mix(in srgb, #63A7D8 18%, #FFFFFF);
  --table-selected-bg: var(--selection-bg); --table-selected-text: #172B3A;
  --table-zebra: #F5F7FA;
}
:root[data-theme="u-tri-state"] {
  --primary: #005596; --accent: #6AA342;
  --nav-bg: color-mix(in srgb, #005596 3%, #FFFFFF); --nav-hover: color-mix(in srgb, #005596 12%, #FFFFFF);
  --nav-dark: color-mix(in srgb, #005596 70%, black);   /* the bar when "Nav bar" is on; its hover is 85% primary + 15% black */
  --nav-text: #005596; --nav-hover-text: #005596; --on-primary: #FFFFFF;
  --light-bg: color-mix(in srgb, #005596 3%, #FFFFFF); --card-bg: #FFFFFF;
  --text: #172B3A; --text-hover: #F8FAFC;
  --border: color-mix(in srgb, #005596 12%, #FFFFFF);
  --muted: #526779; --shadow: none;
  --control-bg: #FFFFFF; --control-border: color-mix(in srgb, #005596 30%, #CBD5E1); --control-text: #172B3A;
  --table-border: var(--border);
  --table-header-bg: color-mix(in srgb, #005596 6%, #FFFFFF); --table-header-text: #172B3A;
  --table-hover-bg: color-mix(in srgb, #005596 8%, #FFFFFF); --table-hover-text: #172B3A;
  --selection-bg: color-mix(in srgb, #6AA342 18%, #FFFFFF);
  --table-selected-bg: var(--selection-bg); --table-selected-text: #172B3A;
  --table-zebra: #F5F7FA;
}
:root[data-theme="u-tennessee-valley"] {
  --primary: #005596; --accent: #7CA6C4;
  --nav-bg: color-mix(in srgb, #005596 3%, #FFFFFF); --nav-hover: color-mix(in srgb, #005596 12%, #FFFFFF);
  --nav-dark: color-mix(in srgb, #005596 70%, black);   /* the bar when "Nav bar" is on; its hover is 85% primary + 15% black */
  --nav-text: #005596; --nav-hover-text: #005596; --on-primary: #FFFFFF;
  --light-bg: color-mix(in srgb, #005596 3%, #FFFFFF); --card-bg: #FFFFFF;
  --text: #172B3A; --text-hover: #F8FAFC;
  --border: color-mix(in srgb, #005596 12%, #FFFFFF);
  --muted: #526779; --shadow: none;
  --control-bg: #FFFFFF; --control-border: color-mix(in srgb, #005596 30%, #CBD5E1); --control-text: #172B3A;
  --table-border: var(--border);
  --table-header-bg: color-mix(in srgb, #005596 6%, #FFFFFF); --table-header-text: #172B3A;
  --table-hover-bg: color-mix(in srgb, #005596 8%, #FFFFFF); --table-hover-text: #172B3A;
  --selection-bg: color-mix(in srgb, #7CA6C4 18%, #FFFFFF);
  --table-selected-bg: var(--selection-bg); --table-selected-text: #172B3A;
  --table-zebra: #F5F7FA;
}
:root[data-theme="u-pickwick"] {
  --primary: #005596; --accent: #F7941D;
  --nav-bg: color-mix(in srgb, #005596 3%, #FFFFFF); --nav-hover: color-mix(in srgb, #005596 12%, #FFFFFF);
  --nav-dark: color-mix(in srgb, #005596 70%, black);   /* the bar when "Nav bar" is on; its hover is 85% primary + 15% black */
  --nav-text: #005596; --nav-hover-text: #005596; --on-primary: #FFFFFF;
  --light-bg: color-mix(in srgb, #005596 3%, #FFFFFF); --card-bg: #FFFFFF;
  --text: #172B3A; --text-hover: #F8FAFC;
  --border: color-mix(in srgb, #005596 12%, #FFFFFF);
  --muted: #526779; --shadow: none;
  --control-bg: #FFFFFF; --control-border: color-mix(in srgb, #005596 30%, #CBD5E1); --control-text: #172B3A;
  --table-border: var(--border);
  --table-header-bg: color-mix(in srgb, #005596 6%, #FFFFFF); --table-header-text: #172B3A;
  --table-hover-bg: color-mix(in srgb, #005596 8%, #FFFFFF); --table-hover-text: #172B3A;
  --selection-bg: color-mix(in srgb, #F7941D 18%, #FFFFFF);
  --table-selected-bg: var(--selection-bg); --table-selected-text: #172B3A;
  --table-zebra: #F5F7FA;
}
:root[data-theme="u-broad-river"] {
  --primary: #005596; --accent: #70A43C;
  --nav-bg: color-mix(in srgb, #005596 3%, #FFFFFF); --nav-hover: color-mix(in srgb, #005596 12%, #FFFFFF);
  --nav-dark: color-mix(in srgb, #005596 70%, black);   /* the bar when "Nav bar" is on; its hover is 85% primary + 15% black */
  --nav-text: #005596; --nav-hover-text: #005596; --on-primary: #FFFFFF;
  --light-bg: color-mix(in srgb, #005596 3%, #FFFFFF); --card-bg: #FFFFFF;
  --text: #172B3A; --text-hover: #F8FAFC;
  --border: color-mix(in srgb, #005596 12%, #FFFFFF);
  --muted: #526779; --shadow: none;
  --control-bg: #FFFFFF; --control-border: color-mix(in srgb, #005596 30%, #CBD5E1); --control-text: #172B3A;
  --table-border: var(--border);
  --table-header-bg: color-mix(in srgb, #005596 6%, #FFFFFF); --table-header-text: #172B3A;
  --table-hover-bg: color-mix(in srgb, #005596 8%, #FFFFFF); --table-hover-text: #172B3A;
  --selection-bg: color-mix(in srgb, #70A43C 18%, #FFFFFF);
  --table-selected-bg: var(--selection-bg); --table-selected-text: #172B3A;
  --table-zebra: #F5F7FA;
}
:root[data-theme="u-lynches-river"] {
  --primary: #4C8C2B; --accent: #0066A4;
  --nav-bg: color-mix(in srgb, #4C8C2B 3%, #FFFFFF); --nav-hover: color-mix(in srgb, #4C8C2B 12%, #FFFFFF);
  --nav-dark: color-mix(in srgb, #4C8C2B 70%, black);   /* the bar when "Nav bar" is on; its hover is 85% primary + 15% black */
  --nav-text: #4C8C2B; --nav-hover-text: #4C8C2B; --on-primary: #000000;
  --light-bg: color-mix(in srgb, #4C8C2B 3%, #FFFFFF); --card-bg: #FFFFFF;
  --text: #172B3A; --text-hover: #F8FAFC;
  --border: color-mix(in srgb, #4C8C2B 12%, #FFFFFF);
  --muted: #526779; --shadow: none;
  --control-bg: #FFFFFF; --control-border: color-mix(in srgb, #4C8C2B 30%, #CBD5E1); --control-text: #172B3A;
  --table-border: var(--border);
  --table-header-bg: color-mix(in srgb, #4C8C2B 6%, #FFFFFF); --table-header-text: #172B3A;
  --table-hover-bg: color-mix(in srgb, #4C8C2B 8%, #FFFFFF); --table-hover-text: #172B3A;
  --selection-bg: color-mix(in srgb, #0066A4 18%, #FFFFFF);
  --table-selected-bg: var(--selection-bg); --table-selected-text: #172B3A;
  --table-zebra: #F5F7FA;
}
:root[data-theme="u-chickasaw"] {
  --primary: #005596; --accent: #7EA6C4;
  --nav-bg: color-mix(in srgb, #005596 3%, #FFFFFF); --nav-hover: color-mix(in srgb, #005596 12%, #FFFFFF);
  --nav-dark: color-mix(in srgb, #005596 70%, black);   /* the bar when "Nav bar" is on; its hover is 85% primary + 15% black */
  --nav-text: #005596; --nav-hover-text: #005596; --on-primary: #FFFFFF;
  --light-bg: color-mix(in srgb, #005596 3%, #FFFFFF); --card-bg: #FFFFFF;
  --text: #172B3A; --text-hover: #F8FAFC;
  --border: color-mix(in srgb, #005596 12%, #FFFFFF);
  --muted: #526779; --shadow: none;
  --control-bg: #FFFFFF; --control-border: color-mix(in srgb, #005596 30%, #CBD5E1); --control-text: #172B3A;
  --table-border: var(--border);
  --table-header-bg: color-mix(in srgb, #005596 6%, #FFFFFF); --table-header-text: #172B3A;
  --table-hover-bg: color-mix(in srgb, #005596 8%, #FFFFFF); --table-hover-text: #172B3A;
  --selection-bg: color-mix(in srgb, #7EA6C4 18%, #FFFFFF);
  --table-selected-bg: var(--selection-bg); --table-selected-text: #172B3A;
  --table-zebra: #F5F7FA;
}
:root[data-theme="u-tri-county-georgia"] {
  --primary: #0066A4; --accent: #70A43C;
  --nav-bg: color-mix(in srgb, #0066A4 3%, #FFFFFF); --nav-hover: color-mix(in srgb, #0066A4 12%, #FFFFFF);
  --nav-dark: color-mix(in srgb, #0066A4 70%, black);   /* the bar when "Nav bar" is on; its hover is 85% primary + 15% black */
  --nav-text: #0066A4; --nav-hover-text: #0066A4; --on-primary: #FFFFFF;
  --light-bg: color-mix(in srgb, #0066A4 3%, #FFFFFF); --card-bg: #FFFFFF;
  --text: #172B3A; --text-hover: #F8FAFC;
  --border: color-mix(in srgb, #0066A4 12%, #FFFFFF);
  --muted: #526779; --shadow: none;
  --control-bg: #FFFFFF; --control-border: color-mix(in srgb, #0066A4 30%, #CBD5E1); --control-text: #172B3A;
  --table-border: var(--border);
  --table-header-bg: color-mix(in srgb, #0066A4 6%, #FFFFFF); --table-header-text: #172B3A;
  --table-hover-bg: color-mix(in srgb, #0066A4 8%, #FFFFFF); --table-hover-text: #172B3A;
  --selection-bg: color-mix(in srgb, #70A43C 18%, #FFFFFF);
  --table-selected-bg: var(--selection-bg); --table-selected-text: #172B3A;
  --table-zebra: #F5F7FA;
}
:root[data-theme="u-haywood"] {
  --primary: #005596; --accent: #6AA342;
  --nav-bg: color-mix(in srgb, #005596 3%, #FFFFFF); --nav-hover: color-mix(in srgb, #005596 12%, #FFFFFF);
  --nav-dark: color-mix(in srgb, #005596 70%, black);   /* the bar when "Nav bar" is on; its hover is 85% primary + 15% black */
  --nav-text: #005596; --nav-hover-text: #005596; --on-primary: #FFFFFF;
  --light-bg: color-mix(in srgb, #005596 3%, #FFFFFF); --card-bg: #FFFFFF;
  --text: #172B3A; --text-hover: #F8FAFC;
  --border: color-mix(in srgb, #005596 12%, #FFFFFF);
  --muted: #526779; --shadow: none;
  --control-bg: #FFFFFF; --control-border: color-mix(in srgb, #005596 30%, #CBD5E1); --control-text: #172B3A;
  --table-border: var(--border);
  --table-header-bg: color-mix(in srgb, #005596 6%, #FFFFFF); --table-header-text: #172B3A;
  --table-hover-bg: color-mix(in srgb, #005596 8%, #FFFFFF); --table-hover-text: #172B3A;
  --selection-bg: color-mix(in srgb, #6AA342 18%, #FFFFFF);
  --table-selected-bg: var(--selection-bg); --table-selected-text: #172B3A;
  --table-zebra: #F5F7FA;
}
:root[data-theme="u-holston"] {
  --primary: #005596; --accent: #7DA6C4;
  --nav-bg: color-mix(in srgb, #005596 3%, #FFFFFF); --nav-hover: color-mix(in srgb, #005596 12%, #FFFFFF);
  --nav-dark: color-mix(in srgb, #005596 70%, black);   /* the bar when "Nav bar" is on; its hover is 85% primary + 15% black */
  --nav-text: #005596; --nav-hover-text: #005596; --on-primary: #FFFFFF;
  --light-bg: color-mix(in srgb, #005596 3%, #FFFFFF); --card-bg: #FFFFFF;
  --text: #172B3A; --text-hover: #F8FAFC;
  --border: color-mix(in srgb, #005596 12%, #FFFFFF);
  --muted: #526779; --shadow: none;
  --control-bg: #FFFFFF; --control-border: color-mix(in srgb, #005596 30%, #CBD5E1); --control-text: #172B3A;
  --table-border: var(--border);
  --table-header-bg: color-mix(in srgb, #005596 6%, #FFFFFF); --table-header-text: #172B3A;
  --table-hover-bg: color-mix(in srgb, #005596 8%, #FFFFFF); --table-hover-text: #172B3A;
  --selection-bg: color-mix(in srgb, #7DA6C4 18%, #FFFFFF);
  --table-selected-bg: var(--selection-bg); --table-selected-text: #172B3A;
  --table-zebra: #F5F7FA;
}
:root[data-theme="u-powell-valley"] {
  --primary: #005596; --accent: #6DA544;
  --nav-bg: color-mix(in srgb, #005596 3%, #FFFFFF); --nav-hover: color-mix(in srgb, #005596 12%, #FFFFFF);
  --nav-dark: color-mix(in srgb, #005596 70%, black);   /* the bar when "Nav bar" is on; its hover is 85% primary + 15% black */
  --nav-text: #005596; --nav-hover-text: #005596; --on-primary: #FFFFFF;
  --light-bg: color-mix(in srgb, #005596 3%, #FFFFFF); --card-bg: #FFFFFF;
  --text: #172B3A; --text-hover: #F8FAFC;
  --border: color-mix(in srgb, #005596 12%, #FFFFFF);
  --muted: #526779; --shadow: none;
  --control-bg: #FFFFFF; --control-border: color-mix(in srgb, #005596 30%, #CBD5E1); --control-text: #172B3A;
  --table-border: var(--border);
  --table-header-bg: color-mix(in srgb, #005596 6%, #FFFFFF); --table-header-text: #172B3A;
  --table-hover-bg: color-mix(in srgb, #005596 8%, #FFFFFF); --table-hover-text: #172B3A;
  --selection-bg: color-mix(in srgb, #6DA544 18%, #FFFFFF);
  --table-selected-bg: var(--selection-bg); --table-selected-text: #172B3A;
  --table-zebra: #F5F7FA;
}
:root[data-theme="u-fort-loudoun"] {
  --primary: #005596; --accent: #C8202F;
  --nav-bg: color-mix(in srgb, #005596 3%, #FFFFFF); --nav-hover: color-mix(in srgb, #005596 12%, #FFFFFF);
  --nav-dark: color-mix(in srgb, #005596 70%, black);   /* the bar when "Nav bar" is on; its hover is 85% primary + 15% black */
  --nav-text: #005596; --nav-hover-text: #005596; --on-primary: #FFFFFF;
  --light-bg: color-mix(in srgb, #005596 3%, #FFFFFF); --card-bg: #FFFFFF;
  --text: #172B3A; --text-hover: #F8FAFC;
  --border: color-mix(in srgb, #005596 12%, #FFFFFF);
  --muted: #526779; --shadow: none;
  --control-bg: #FFFFFF; --control-border: color-mix(in srgb, #005596 30%, #CBD5E1); --control-text: #172B3A;
  --table-border: var(--border);
  --table-header-bg: color-mix(in srgb, #005596 6%, #FFFFFF); --table-header-text: #172B3A;
  --table-hover-bg: color-mix(in srgb, #005596 8%, #FFFFFF); --table-hover-text: #172B3A;
  --selection-bg: color-mix(in srgb, #005596 18%, #FFFFFF);
  --table-selected-bg: var(--selection-bg); --table-selected-text: #172B3A;
  --table-zebra: #F5F7FA;
}
:root[data-theme="u-caney-fork"] {
  --primary: #005596; --accent: #70A43C;
  --nav-bg: color-mix(in srgb, #005596 3%, #FFFFFF); --nav-hover: color-mix(in srgb, #005596 12%, #FFFFFF);
  --nav-dark: color-mix(in srgb, #005596 70%, black);   /* the bar when "Nav bar" is on; its hover is 85% primary + 15% black */
  --nav-text: #005596; --nav-hover-text: #005596; --on-primary: #FFFFFF;
  --light-bg: color-mix(in srgb, #005596 3%, #FFFFFF); --card-bg: #FFFFFF;
  --text: #172B3A; --text-hover: #F8FAFC;
  --border: color-mix(in srgb, #005596 12%, #FFFFFF);
  --muted: #526779; --shadow: none;
  --control-bg: #FFFFFF; --control-border: color-mix(in srgb, #005596 30%, #CBD5E1); --control-text: #172B3A;
  --table-border: var(--border);
  --table-header-bg: color-mix(in srgb, #005596 6%, #FFFFFF); --table-header-text: #172B3A;
  --table-hover-bg: color-mix(in srgb, #005596 8%, #FFFFFF); --table-hover-text: #172B3A;
  --selection-bg: color-mix(in srgb, #70A43C 18%, #FFFFFF);
  --table-selected-bg: var(--selection-bg); --table-selected-text: #172B3A;
  --table-zebra: #F5F7FA;
}
:root[data-theme="u-mountain"] {
  --primary: #005596; --accent: #65A044;
  --nav-bg: color-mix(in srgb, #005596 3%, #FFFFFF); --nav-hover: color-mix(in srgb, #005596 12%, #FFFFFF);
  --nav-dark: color-mix(in srgb, #005596 70%, black);   /* the bar when "Nav bar" is on; its hover is 85% primary + 15% black */
  --nav-text: #005596; --nav-hover-text: #005596; --on-primary: #FFFFFF;
  --light-bg: color-mix(in srgb, #005596 3%, #FFFFFF); --card-bg: #FFFFFF;
  --text: #172B3A; --text-hover: #F8FAFC;
  --border: color-mix(in srgb, #005596 12%, #FFFFFF);
  --muted: #526779; --shadow: none;
  --control-bg: #FFFFFF; --control-border: color-mix(in srgb, #005596 30%, #CBD5E1); --control-text: #172B3A;
  --table-border: var(--border);
  --table-header-bg: color-mix(in srgb, #005596 6%, #FFFFFF); --table-header-text: #172B3A;
  --table-hover-bg: color-mix(in srgb, #005596 8%, #FFFFFF); --table-hover-text: #172B3A;
  --selection-bg: color-mix(in srgb, #65A044 18%, #FFFFFF);
  --table-selected-bg: var(--selection-bg); --table-selected-text: #172B3A;
  --table-zebra: #F5F7FA;
}
:root[data-theme="u-surry-yadkin"] {
  --primary: #0066A4; --accent: #6AA342;
  --nav-bg: color-mix(in srgb, #0066A4 3%, #FFFFFF); --nav-hover: color-mix(in srgb, #0066A4 12%, #FFFFFF);
  --nav-dark: color-mix(in srgb, #0066A4 70%, black);   /* the bar when "Nav bar" is on; its hover is 85% primary + 15% black */
  --nav-text: #0066A4; --nav-hover-text: #0066A4; --on-primary: #FFFFFF;
  --light-bg: color-mix(in srgb, #0066A4 3%, #FFFFFF); --card-bg: #FFFFFF;
  --text: #172B3A; --text-hover: #F8FAFC;
  --border: color-mix(in srgb, #0066A4 12%, #FFFFFF);
  --muted: #526779; --shadow: none;
  --control-bg: #FFFFFF; --control-border: color-mix(in srgb, #0066A4 30%, #CBD5E1); --control-text: #172B3A;
  --table-border: var(--border);
  --table-header-bg: color-mix(in srgb, #0066A4 6%, #FFFFFF); --table-header-text: #172B3A;
  --table-hover-bg: color-mix(in srgb, #0066A4 8%, #FFFFFF); --table-hover-text: #172B3A;
  --selection-bg: color-mix(in srgb, #6AA342 18%, #FFFFFF);
  --table-selected-bg: var(--selection-bg); --table-selected-text: #172B3A;
  --table-zebra: #F5F7FA;
}