/* Central — Dark Teal Theme */
:root {
  --color-primary-main: #00897b !important;
  --color-primary-light: #80cbc4 !important;
  --color-primary-dark: #00695c !important;
  --color-primary-active: #00796b !important;
  --color-secondary-main: #0d3333 !important;
  --color-secondary-dark: #051515 !important;
  --color-secondary-light: #103d3d !important;
  --color-secondary-active: #0a2a2a !important;
  --color-common-bg-header: #0a2a2a !important;
  --color-common-bg-default: #051515 !important;
  --color-common-text-primary: #e0f2f1 !important;
  --ui-border-color: #00695c !important;
  --default-color: #00897b !important;
}
body, #root, .App, html { background-color: #051515 !important; color: #e0f2f1 !important; }
.bg-black { background-color: #051515 !important; }
.bg-secondary-dark { background-color: #051515 !important; }
.header, nav, header, [class*="Header"], [class*="NavBar"], [class*="Toolbar"], [class*="toolbar"], [class*="TopBar"], [class*="topbar"] { background-color: #0a2a2a !important; border-top: 3px solid #00897b !important; color: #e0f2f1 !important; }
[class*="sidebar"], [class*="Sidebar"], [class*="panel"], [class*="Panel"], aside { background-color: #0d3333 !important; border-color: #00695c !important; color: #e0f2f1 !important; }
.bg-primary-main, [class*="bg-primary"], [class*="active"], [class*="Active"], [class*="selected"], [class*="Selected"] { background-color: #00897b !important; color: #ffffff !important; }
.text-primary-light, [class*="text-primary"] { color: #80cbc4 !important; }
.border-primary-main, [class*="border-primary"] { border-color: #00897b !important; }
button, [role="button"] { color: #e0f2f1 !important; }
[class*="StudyList"] thead, table thead { background-color: #0a2a2a !important; }
[class*="StudyList"] tbody tr:nth-child(even), table tbody tr:nth-child(even) { background-color: #0d3333 !important; }
[class*="StudyList"] tbody tr:nth-child(odd), table tbody tr:nth-child(odd) { background-color: #0a2828 !important; }
[class*="StudyList"] tbody tr:hover, table tbody tr:hover { background-color: #103d3d !important; }
td, th { border-color: #00695c !important; }
[class*="viewport"], [class*="Viewport"], [class*="canvas"], canvas { background-color: #000000 !important; }
[class*="modal"], [class*="Modal"], [class*="dialog"], [class*="Dialog"], [class*="dropdown"], [class*="Dropdown"] { background-color: #0d3333 !important; border-color: #00695c !important; color: #e0f2f1 !important; }
input, select, textarea { background-color: #103d3d !important; color: #e0f2f1 !important; border-color: #00695c !important; }
* { scrollbar-color: #00897b #0d3333; }
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: #0d3333; }
::-webkit-scrollbar-thumb { background-color: #00897b; border-radius: 4px; }