html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

/* Tmavý režim - tabulky a karty */
@media (prefers-color-scheme: dark) {
  /* Tabulky */
  .table {
    --bs-table-bg: transparent;
    --bs-table-striped-bg: rgba(255, 255, 255, 0.05);
    --bs-table-hover-bg: rgba(255, 255, 255, 0.075);
    color: #dee2e6;
    border-color: #495057;
  }
  
  .table > :not(caption) > * > * {
    background-color: var(--bs-table-bg);
    border-bottom-color: #495057;
    color: #dee2e6;
  }
  
  .table > thead {
    border-bottom-color: #495057;
  }
  
  .table-hover > tbody > tr:hover > * {
    background-color: var(--bs-table-hover-bg);
  }
  
  /* Karty */
  .card {
    background-color: #212529;
    border-color: #495057;
    color: #dee2e6;
  }
  
  .card-header {
    background-color: #1a1d20;
    border-bottom-color: #495057;
    color: #dee2e6;
  }
  
  .card-body {
    color: #dee2e6;
  }
  
  .card.bg-light {
    background-color: #343a40 !important;
    border-color: #495057;
  }
  
  .card.bg-light .card-body {
    color: #dee2e6;
  }
  
  /* List group items */
  .list-group-item {
    background-color: #212529;
    border-color: #495057;
    color: #dee2e6;
  }
  
  /* Formuláře */
  .form-control,
  .form-select {
    background-color: #212529;
    border-color: #495057;
    color: #dee2e6;
  }
  
  .form-control:focus,
  .form-select:focus {
    background-color: #212529;
    border-color: #6ea8fe;
    color: #dee2e6;
  }
  
  .form-control:disabled,
  .form-control[readonly] {
    background-color: #343a40;
    color: #6c757d;
  }
  
  /* Text muted */
  .text-muted {
    color: #adb5bd !important;
  }
  
  /* Badges v tmavém režimu - lepší kontrast */
  .badge.bg-secondary {
    background-color: #6c757d !important;
  }
  
  .badge.bg-info {
    background-color: #0dcaf0 !important;
    color: #000 !important;
  }
  
  .badge.bg-light {
    background-color: #6c757d !important;
    color: #fff !important;
  }
  
  /* Tab navigace */
  .nav-tabs {
    border-bottom-color: #495057;
  }
  
  .nav-tabs .nav-link {
    color: #adb5bd;
  }
  
  .nav-tabs .nav-link:hover,
  .nav-tabs .nav-link:focus {
    border-color: #495057 #495057 transparent;
    color: #dee2e6;
  }
  
  .nav-tabs .nav-link.active {
    background-color: #212529;
    border-color: #495057 #495057 #212529;
    color: #dee2e6;
  }
}