/*===== Začátek Dark / Light změna barevného schématu =======*/

/* =========================================================
   VÝCHOZÍ = DARK
   LIGHT = html[data-theme='light']
   ========================================================= */

:root {
  /* Nové barvy pro základ v tmavém režimu */
  --background-primary: #0f111a;
  --background-body-primary: #141824;
  --background-prvek-cerna-bila: #070f1f;
  --rozcestnik-pozadi: #0f0f0f;
  --rozcestnik-odkaz: #292929;
  --rozcestnik-odkaz-veda: #e8930d;
  --background-box: #141414;
  --text-box-color: #ccc;
  --color-primary: #a1acc5;
  --color-text-primary: #e1e4e5;
  --h2-nadpis-sedobila: #dbe3ff;
  --text-sedobila: #dbe3ff;
  --hero-title: #a1acc5;
  --color-border: #166fb3;
  --color-subprimary: #7f8c8d;
  --color-cena: #e1e4e5;
  --odkaz-bilomodry: #dbe3ff;

  --color-spec: #1ba0b0;
  --taky-jina: #759514;
  --barva-husta: #f4f4f4;
  --background-pozadi: #232323;
  --color-orange: #e8930d;
  --jina-cerna: #2f2f2f;
  --jiny-nadpis: #926e3e;
  --submenu: #232323;
  --ele-logo: url(../images/logo-white.png) no-repeat;
  --logo: url(../images/menu-bila.png) no-repeat;
  --acc: url(../images/acc-white.png) no-repeat;
  --sedo-seda: #282828;
  --spoluprace: #3d3d3d;
  --seda-jinak: #414141;
  --svetla-modra: #4a4a4a;
  --modroucka: #5d6d7e;

  /* Boxy v tmavém režimu */
  --box-section-dark: #2a2a2a;
  --box-highlight-dark: #333333;
  --box-content-dark: #3d3d3d;

  --seda-zona: #3d3d3d;
  --nadpisy-h2: #5d6d7e;
  --bilo-vselijaka: #4a4a4a;

  --orange: #5d6d7e;
  --trochu-bila: #2a2a2a;
  --sub-menu: #282828;
  --sub-sub-menu: #212121;
  --math-color: #80b6f2;
}

/* LIGHT = volitelný režim */
html[data-theme='light'] {
  --background-primary: #f4f6f8;
  --background-body-primary: #f5f7fa;
  --background-prvek-cerna-bila: #f9f9f9;
  --rozcestnik-pozadi: #f5f7fa;
  --background-box: #c4c8cc;
  --text-box-color: #070f1f;
  --rozcestnik-odkaz: #f6f6f3;
  --rozcestnik-odkaz-veda: #3885c5;
  --color-primary: #222222;
  --color-text-cena: #333;
  --text-sedobila: #dbe3ff;
  --color-border: #333;
  --color-subprimary: #555;
  --color-cena: #333;
  --hero-title: #fff;
  --h2-nadpis-sedobila: #333;
  --odkaz-bilomodry: #1677e3;

  --color-spec: #2c3e50;
  --taky-jina: #24243e;
  --barva-husta: #34495e;
  --background-pozadi: #e6fdf2;
  --jina-cerna: #fff;
  --submenu: #e9e9e9;
  --ele-logo: url(../images/logo.png) no-repeat;
  --logo: url(../images/menu-cerna.png) no-repeat;
  --acc: url(../images/acc-black.png) no-repeat;
  --color-orange: #707880;
  --bilo-vselijaka: #f4f4f4;
  --sedo-seda: #ecf0f1;
  --spoluprace: #f0f8ff;
  --seda-jinak: #7f8c8d;
  --jiny-nadpis: #34495e;
  --svetla-modra: #e7f7ff;
  --modroucka: #e7f7ff;

  /* Boxy ve světlém režimu */
  --box-section-light: #f4f4f4;
  --box-highlight-light: #e0e0e0;
  --box-content-light: #d5d5d5;

  --seda-zona: #ecf0f1;
  --nadpisy-h2: #737f8a;

  --orange: #e8930d;
  --trochu-bila: #ffffff;
  --sub-menu: #e0f7fa;
  --sub-sub-menu: #e0f7fa;
  --math-color: #1677e3;
}

html[data-theme='focus'] {
  /* budoucí režim */
  --rozcestnik-pozadi: #0f0f0f;
}

html[data-theme='lab'] {
  /* budoucí režim */
  --rozcestnik-pozadi: #0f0f0f;
}

html[data-theme='night'] {
  /* budoucí režim */
  --rozcestnik-pozadi: #0f0f0f;
}

/* Stylování pro boxy s popisnými názvy */
.box-section {
  background-color: var(--box-section-dark);
  padding: 20px;
  border-radius: 8px;
  margin-bottom: 20px;
  transition: background-color 0.3s ease;
}

html[data-theme='light'] .box-section {
  background-color: var(--box-section-light);
}

.box-highlight {
  background-color: var(--box-highlight-dark);
  padding: 20px;
  border-radius: 8px;
  margin-bottom: 20px;
  transition: background-color 0.3s ease;
}

html[data-theme='light'] .box-highlight {
  background-color: var(--box-highlight-light);
}

.box-content {
  background-color: var(--box-content-dark);
  padding: 20px;
  border-radius: 8px;
  margin-bottom: 20px;
  transition: background-color 0.3s ease;
}

html[data-theme='light'] .box-content {
  background-color: var(--box-content-light);
}

html {
  transition: color 300ms, background-color 300ms;
  background: var(--background-primary);
  color: var(--color-primary);
}

.dropbtn {
  background: var(--logo);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}



/* Light varianta page-shell */
html[data-theme='light'] .page-shell {
  background: var(--background-primary);
}

h1, p {
  color: var(--color-primary);
}

h2 {
  color: var(--nadpisy-h2);
}

h3 {
  color: var(--color-orange);
}

h4 {
  color: var(--color-primary);
}

.header-area .main-header-area .main-menu ul li a:hover {
  color: var(--color-orange);
}

.dark {
  width: 120px;
  float: left;
  text-align: center;
  font-size: 15px;
}

.submenu {
  background: var(--submenu) !important;
}

.submenu li a {
  color: var(--color-primary) !important;
}

.slicknav_menu .slicknav_nav {
  background: var(--background-primary);
}

.slicknav_menu .slicknav_nav a {
  color: var(--color-primary) !important;
}

.light {
  width: 120px;
  float: left;
  text-align: center;
}

.light a {
  cursor: pointer;
}

.active {
  color: #c69c6d;
}

.active2 {
  color: #c69c6d;
}

.logo {
  background: var(--logo);
}

.odkaz-pribeh-text,
.odkaz-pribeh-text h1,
.odkaz-pribeh-text h2,
.odkaz-pribeh-text h3 {
  color: var(--color-primary);
}

.jedno-slovo {
  background: var(--background-pozadi);
}

.abeceda-menu-sticky {
  background: var(--background-primary);
}

.schema {
  width: 50px;
  height: 30px;
  float: left;
  cursor: pointer;
  margin-top: 5px;
}

.schema img {
  width: 26px;
}

button {
  border: none;
  background: var(--background-primary);
  color: var(--color-primary);
  cursor: pointer;
}

#content {
  background: var(--background-primary);
  color: var(--color-primary);
}

.header-area .header-top_area {
  background: var(--background-primary);
}

.header-area .main-header-area {
  background: var(--background-primary);
}

.header-area .main-header-area .main-menu ul li a {
  color: var(--color-primary);
}

#baner {
  background: var(--background-primary);
}

.upoutavka {
  background: var(--jina-cerna);
}

.upoutavka-stred {
  background: var(--jina-cerna);
}

.upoutavka-vpravo {
  background: var(--jina-cerna);
}

.header-area .main-header-area.sticky {
  background: var(--jina-cerna);
}

.studie-jedna-text {
  color: var(--color-primary);
}

.is-loaded .hero-media-image {
  -webkit-animation: fadeInLeftMedia 1s 0.2s both cubic-bezier(0.3, 0, 0.2, 1);
  animation: fadeInLeftMedia 1s 0.2s both cubic-bezier(0.3, 0, 0.2, 1);
  will-change: transform;
}

.slicknav_icon-bar {
  background: var(--color-primary) !important;
}

.header-area .main-header-area .main-menu ul li a::before {
  background: var(--color-primary);
}

#tabulka-kontakt {
  background: var(--background-primary);
}

.text-right {
  color: var(--color-primary);
}

/*===== Konec Dark / Light změna barevného schématu =======*/