:root {
  --bg-color: #ffffff;
  --bg-th-color: #e9ecef;
  --text-color: #212529;
  --link-color: #0d6efd;
  --linkh-color: #343a40;
  --nav-bg: #ffc107;
  --nav-text: #212529;
  --border-color: #dee2e6;
  --th-ico-bg: #45484a;
}

.theme-dark {
  --bg-color: #212529;
  --bg-th-color: #555;
  --text-color: #f8f9fa;
  --link-color: #ffc107;
  --linkh-color: #c85e00;
  --nav-bg: #343a40;
  --nav-text: #f8f9fa;
  --border-color: #495057;
  --th-ico-bg: #45484a;
}

#theme-switcher {
   background: var(--th-ico-bg); 
   text-align: right;
}

body {
  background: var(--bg-color);
  color: var(--text-color);
}

a, .nav-link {
  color: var(--link-color);
}

a:hover {
  color: var(--linkh-color);
  text-decoration: none;
}

.navbar {
  background: var(--nav-bg);
  color: var(--nav-text);
}

.table, .table td {
  background: var(--bg-color);
  color: var(--text-color);
  border-color: var(--border-color);
}

.table thead th {
  border-bottom: 2px solid var(--border-color);
}

.sat-ico {
    filter: none; 
}

.theme-dark .sat-ico {
  filter: invert(1) brightness(1.2);
}


.table thead th {
  background: var(--bg-th-color) !important;
  color: var(--text-color) !important;
  border-top: 1px solid var(--border-color) !important;
  border-bottom: 2px solid var(--border-color) !important;
}