/* Základní červená barva */
:root {
    --main-red: #F73B28;
    --main-red-darker: #d62c1a; /* Tmavší pro hover/active */
    --main-red-lighter: #f85c4d; /* Světlejší pro focus/outline */
    --main-red-rgb: 247, 59, 40; /* RGB pro použití s alfa průhledností */
  }
  
  /* Navbar */
  .navbar-dark.bg-primary {
    background-color: var(--main-red) !important; /* Důležité pro přepsání Bootstrapu */
  }
  
  /* Tlačítka Primary */
  .btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--main-red);
    --bs-btn-border-color: var(--main-red);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--main-red-darker);
    --bs-btn-hover-border-color: var(--main-red-darker);
    --bs-btn-focus-shadow-rgb: var(--main-red-rgb);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--main-red-darker);
    --bs-btn-active-border-color: #c02717; /* Ještě tmavší pro active border */
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--main-red-lighter);
    --bs-btn-disabled-border-color: var(--main-red-lighter);
  }
  
  .btn-outline-primary {
    --bs-btn-color: var(--main-red);
    --bs-btn-border-color: var(--main-red);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--main-red);
    --bs-btn-hover-border-color: var(--main-red);
    --bs-btn-focus-shadow-rgb: var(--main-red-rgb);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--main-red);
    --bs-btn-active-border-color: var(--main-red);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--main-red);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--main-red);
    --bs-gradient: none;
  }
  
  /* Text a Odkazy */
  .text-primary {
    color: var(--main-red) !important;
  }
  a {
    /* Můžete zde změnit i výchozí barvu odkazů, pokud chcete */
    /* color: var(--main-red-darker); */
  }
  a:hover {
     /* color: var(--main-red); */
  }
  
  /* Paginace */
  .pagination .page-item.active .page-link {
    background-color: var(--main-red);
    border-color: var(--main-red);
    color: #fff;
  }
  .pagination .page-link {
    color: var(--main-red); /* Barva neaktivních čísel */
  }
  .pagination .page-link:hover {
     color: var(--main-red-darker);
  }
  .pagination .page-item.disabled .page-link {
     /* Barva neaktivních šipek atd. */
  }
  
  /* Badges */
  .badge.bg-primary {
     background-color: var(--main-red) !important;
  }
  
  /* Formuláře - Focus outline */
  .form-control:focus {
    border-color: var(--main-red-lighter);
    box-shadow: 0 0 0 0.25rem rgba(var(--main-red-rgb), 0.25);
  }
  .form-check-input:checked {
      background-color: var(--main-red);
      border-color: var(--main-red);
  }
  .form-check-input:focus {
     border-color: var(--main-red-lighter);
     box-shadow: 0 0 0 0.25rem rgba(var(--main-red-rgb), 0.25);
  }
  
  
  /* Další komponenty podle potřeby... */
  /* Např. .alert-primary, .list-group-item-primary atd. */
  
  .alert-primary {
      --bs-alert-color: #{$color};
      --bs-alert-bg: #{tint-color($color, 80%)};
      --bs-alert-border-color: #{tint-color($color, 60%)};
      --bs-alert-link-color: #{shade-color($color, 20%)};
  
      /* Pozor: Toto je Sass syntax, v CSS musíte definovat barvy ručně */
      /* Např.: */
       --bs-alert-color: var(--main-red-darker);
       --bs-alert-bg: #fdeaea;
       --bs-alert-border-color: #fbd0cb;
       --bs-alert-link-color: #a12113;
  }
  
  /* Breadcrumb - aktivní položka */
  .breadcrumb-item.active {
      color: #6c757d; /* Můžete nechat šedou nebo změnit */
  }