:root {
    --header-height: 52px;
    --window-header-height: 175px;
    --window-header-tab-height: 232px;
    --footer-height: 50px;
    --bulma-family-primary: Poppins,Inter,SF Pro,Segoe UI,Roboto,Oxygen,Ubuntu,Helvetica Neue,Helvetica,Arial,sans-serif;
    --bulma-family-secondary: Poppins,Inter,SF Pro,Segoe UI,Roboto,Oxygen,Ubuntu,Helvetica Neue,Helvetica,Arial,sans-serif;
    --bulma-size-small: 0.75rem;
    --bulma-size-normal: 0.9rem;
    --bulma-size-medium: 1.1rem;
    --bulma-size-large: 1.3rem;
    --bulma-weight-light: 300;
    --bulma-weight-normal: 400;
    --bulma-weight-medium: 500;
    --bulma-weight-semibold: 600;
    --bulma-weight-bold: 700;
    --bulma-weight-extrabold: 800;
    --bulma-control-radius: 0.376rem;
    --bulma-control-radius-small: 0.25rem;
    --bulma-control-border-width: 1px;
    --bulma-control-height: 2.5em;
    --bulma-control-line-height: 1.5;
    --bulma-control-padding-vertical: calc(0.5em - 1px);
    --bulma-control-padding-horizontal: calc(0.7em - 1px);
    --bulma-control-size: 1rem;
    --bulma-column-gap: 0.20rem;

    --bulma-navbar-background-color: hsl(210, 66%, 40%);

    --bulma-link-text: hsl(143, 66%, 40%);
    

    --bulma-tag-h: 172;
    --bulma-tag-s: 101%;
    --bulma-tag-l: 42%;
    --bulma-tag-background-l: 42%;   /* base color = your hsla(...) */
    --bulma-tag-color-l: 0%;     

    /* Base tag color (hsla(172, 101%, 42%, 1)) */
    --bulma-tag-h: 172;
    --bulma-tag-s: 101%;
    --bulma-tag-background-l: 42%;
    --bulma-tag-color-l: 0%;    /* black */

    /* Input Fields */
    --input-color: unset!important;
    

    /* Footer */
    --bulma-footer-background-color: hsl(221,14%,98%);
    --bulma-footer-color: false;
    --bulma-footer-padding: 3rem 1.5rem 6rem;

    /* Colors*/
    --bulma-primary-h: 172deg;
    --bulma-primary-s: 101%;
    --bulma-primary-l: 42%;
    --bulma-link-s: 101%;
    --bulma-link-l: 64%;
    --bulma-info-h: 199deg;
    --bulma-info-s: 101%;
    --bulma-info-l: 71%;
    --bulma-success-h: 154deg;
    --bulma-success-s: 54%;
    --bulma-success-l: 54%;
    --bulma-warning-h: 43deg;
    --bulma-warning-s: 101%;
    --bulma-warning-l: 54%;
    --bulma-danger-h: 349deg;
    --bulma-danger-s: 100%;
    --bulma-danger-l: 71%;  

    /* Colors - Inverted */
    --bulma-scheme-h: 221;
    --bulma-scheme-s: 14%;
    --bulma-light-l: 98%;
    --bulma-light-invert-l: 21%;
    --bulma-dark-l: 21%;
    --bulma-dark-invert-l: 98%;
    --bulma-soft-l: 90%;
    --bulma-bold-l: 20%;
    --bulma-soft-invert-l: 20%;
    --bulma-bold-invert-l: 90%;
    --bulma-hover-background-l-delta: -5%;
    --bulma-active-background-l-delta: -10%;
    --bulma-hover-border-l-delta: -10%;
    --bulma-active-border-l-delta: -20%;
    --bulma-hover-color-l-delta: -5%;
    --bulma-active-color-l-delta: -10%;
    --bulma-hover-shadow-a-delta: -0.05;
    --bulma-active-shadow-a-delta: -0.1;

    /* Menu */
    --header-background-color: #fff;
    --header-color-text: #000;
    --submenu-color-text: #fff;
    --header-color-text-hover: #ff5722;
    --header-background-color-bottomcolor: #e6e6e6;
    --menu-background-color-hover: #2e2d2d;
    --header-logo: url('../media/logo_black.png');
    --header-logo-height: 100px;
}

@media screen and (min-width: 1408px) {
    .container:not(.is-max-tablet):not(.is-max-desktop):not(.is-max-widescreen) {
        max-width: 2500px!important;
    }
}

  .grid {
    --bulma-grid-gap: 0.60rem;
  }

 
.material-symbols-outlined {
  font-variation-settings:
  'FILL' 0,
  'wght' 400,
  'GRAD' 0,
  'opsz' 24
}
  
