/* Deklarace proměnných pro template */
@font-face {
  font-family: 'Inter Tight';
  src: url('assets/fonts/Inter_Tight_woff/InterTight-Regular.woff2') format('woff2'),
       url('assets/fonts/Inter_Tight_woff/InterTight-Regular.woff') format('woff');
  font-display: swap;
}

:root {
    
    /* Barvy */
        /* Obecné prvky */
    --color-primary: #107EA2; /* Original #149dcc */
    --color-secondary: #073b4c;
    --color-body-background-light: #edefeb;
    --color-body-background-dark: ;
    
        /* Barvy text */
    --color-font-default: #232323;
    --color-font-highlight: #868789;
    --color-font-lowlight: #535456;
    --color-font-subtle: #555A4E;
    --color-font-headings: ;
    
    /* Texty */
    --text-font-default: 'Inter Tight', sans-serif;
    --text-font-headings: var(--text-font-default);
    --text-font-special: var(--text-font-default);
    
    --text-size-defaul: ;
    --text-size-headings: calc( 1.63rem + (2.8 - 1.63) * ((100vw - 62rem) / (87 - 62)));
    --text-size-special: calc( 1.14rem + (1.4 - 1.14) * ((100vw - 62rem) / (87 - 62)));
    
    /* Rozměry */
    --height-header-navbar: 90px;
    --border-radius-default: 20px;
    
    /* Animace */
    --transition-duration-default: 0.3s;
    
    /* Komponenty */
    
        /* Header & menu */
    --header-bg-color-light: #fff;
    --header-bg-color-dark: #323232;
    --header-logo-color: var(--color-font-highlight);
    --header-logo-color-hover: var(--color-font-lowlight);
    --header-logo-font: var(--text-font-default);
    --header-logo-font-size: 1.4rem;
    
    --navbar-navlink-color: ;
    --navbar-navlink-color-hover: var(--color-body-background-light);
    --header-navlink-color-text: var(--color-font-highlight);;
    --navbar-navlink-color-hover-text: var(--color-font-lowlight);;
    --navbar-navlink-font: var(--text-font-default);
    /*--navbar-navlink-font-size: calc( 1.07rem + (1.2 - 1.07) * ((100vw - 62rem) / (87 - 62)));*/
    --navbar-navlink-font-size: clamp(1.2rem, 2vw, 1.3rem);
    --navbar-navlink-trans-duration: var(--transition-duration-default);
    
    --navbar-sublink-color: ;
    --navbar-sublink-color-hover: ;
    --header-sublink-color-text: ;
    --navbar-sublink-color-hover-text: ;
    --navbar-sublink-font: ;
    --navbar-sublink-font-size: ;
    --navbar-sublink-hover-trans-duration: var(--transition-duration-default);
    
        /* Footer */
    --footer-bg-color: #fff;
}

.text-primary{
    color: var(--color-primary) !important;
    transition-duration: var(--transition-duration-default);
}
a.text-primary:hover{
    color: var(--color-secondary) !important;
    transition-duration: var(--transition-duration-default);
}