/* =========================
   CSS Proměnné pro barvy a fonty
   ========================= */
:root {
    /* Barvy */
  --colorPrimary: #61AB00;
  --colorSecondary: #376300;
  --colorLogo: #004B85;
  --colorBackground: #fff;
  --colorBodyBackground: rgba(248,249,250,1);
  --colorBackgroundBWL: #D1FE97;
  --colorHighlight: #003700;
  --colorLowlight: #2F5400;
  --colorTextPrimary: #1F2E00;
  --colorTextSecondary: #d90113;
  --colorTextUrl: #0050da;
  --fontMain: Roboto,sans-serif;
  
    /* Rozměry */
  --menu-width: 350px; 
  --submenu-bg: #e3e3e3;
  --transition-speed: 0.3s;
  
  --menuBoxShadowColor: rgba(0,0,0,.125);
  
    /* --- paleta duhy --- */
  /*--rainbow-red:    #e53935;*/
  --rainbow-red:    #E22522;
  --rainbow-orange: #fb8c00;
  /*--rainbow-orange: #DE5901;*/
  --rainbow-yellow: #fdd835;
  --rainbow-green:  #38853C;
  /*--rainbow-green:  #43a047;*/
  --rainbow-blue:   #1879CD;
  /*--rainbow-blue:   #1e88e5;*/
  --rainbow-violet: #8e24aa;
}

/* =========================
   Globální nastavení
   ========================= */
body {
  font-family: var(--fontMain);
  background-color: var(--colorBackground);
  color: var(--colorTextPrimary);
  background-image: url("../imgs/bg.svg"); /* tvé SVG */
  background-repeat: repeat;          /* opakování */
  background-size: 50px 50px;  
  background-position: 0px 10px;
}
html, body {
  height: 100%;
  margin: 0;
  padding: 0;
}

.page-wrapper {
  min-height: 100vh;        /* zabere celou výšku okna */
  display: flex;
  flex-direction: column;   /* svislé řazení */
}

.mainContent {
  flex: 1;                  /* vyplní prostor mezi headerem a footerem */
}

/* Odkazy */
a {
  color: var(--ColorTextUrl);
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
.text-justify {
  text-align: justify;
}