:root {
    /* Primary color (font, cards, buttons, background sparks etc.) */
    --color-primary: #007792;
    /* Used for and large areas (calendar headers, hovered items etc.) - Should be lighter than primary */
    --color-secondary: rgba(0, 119, 146, .75);
    /* Mostly used for selected dropdowns or filters because of low opacity */
    --color-selected: rgba(0, 119, 146, .15);
    /* When used, should be marked with !important */
    /* Recommended values: inline/none */
    --navbar-title-display-value: none;
    /* URL of logo image (PNG, transparent recommended) displayed in access portal header */
    --logo-url: url(https://www.berg.ba/wp-content/uploads/2021/10/Berg-logo.svg);
    /* Height of logo image (40px will fit for most cases) */
    /* Tip: Use 'vw' or 'wh' units for responsiveness */
    --logo-height: 30px;
    /* Primary color (should be opposite from --color-primary) */
    /* NOTE: darkslategray will fit most colors */
    --font-color-primary: darkslategray;
}