/* obecne pro vsechny prvky
- definovani promennych - ktere se pak pouziji u jednotlivych prvku
*/
:root{       
	--main-radius: 0px;       /*15*/
	--second-radius: 0px;     /* 10*/
	--button-radius: 0px;      /*6*/

   --navbar-height: 70px;  /* vyska navbar*/

   /*--color-upper-stripe: rgb(173, 222, 255);    podbarveni horniho pruhu  */
   --color-upper-stripe: rgb(255, 255, 255);   /* podbarveni horniho pruhu  */

   --color-footer: rgba(206, 227, 255, 0.3);   /* spodni pruh*/
   --color-footer-text: #707070 ;   /* spodni pruh*/

   /*hlavni menu
   --color-main-menu-background-hover: rgb(52, 64, 252); pozadi menu - pohyb pres   
   */

   --color-main-menu-foreground: rgb(255, 255, 255); /*popredi menu*/
   --color-main-menu-background: rgb(73, 222, 53); /*pozadi menu*/
   --color-main-menu-background-hover: rgba(11, 168, 32, 0.877); /*pozadi menu - pohyb pres*/

   /* button up
   --color-up-button-background-hover: rgb(52, 64, 252);
   */
   --color-up-button-background: rgb(73, 222, 53);
   --color-up-button-background-hover: rgba(11, 168, 32, 0.877);

   /* page - stranky hlavi
   --color-page-title-color: rgb(52, 64, 252) ;
   */
   --color-page-title-color: rgb(21, 109, 254) ;
   --color-page-logo-border: transparent ;
   --color-page-video-notes: rgba(46, 166, 202, 1) ;

   /* page - stranky about */
   --color-page-about-border: transparent;
   --color-page-about-notes-link: rgb(23, 68, 234);

   /* cards  
   --color-card-link-background: rgb(70, 81, 251);
   */
   --color-card-background: #f1f1f1;
   --color-card-link-foreground: #f1f1f1;
   --color-card-link-background: rgb(21, 109, 254);
   --color-card-link-background--hover: rgb(118, 126, 252);
   
   /* cards - pictures */
   --color-card-pict-border : transparent ;
   --color-card-pict-title-color: rgb(23, 182, 234);

   /* cards - videos */
   --color-card-video-border : red;
   --color-card-video-title-color: rgb(23, 182, 234);
   

}