:root {
  --bulma-primary-h: 11deg;
  --bulma-primary-s: 53%;
  --bulma-primary-l: 48%;
  --bulma-radius-small: 0.1rem;
  --bulma-radius: 0.3rem;
  --bulma-radius-medium: 0.5em;
  --bulma-radius-large: 1rem;
  --bulma-body-size: 1.1em;
  --bulma-skeleton-radius: 0rem;

  --bulma-text-h: 190deg;
  --bulma-text-s: 5%;
  --bulma-text-l: 23%;

  --bulma-dark-h: 190deg;
  --bulma-dark-s: 5%;
  --bulma-dark-l: 23%;

  --primary-grey: #383D3E;
  --primary-red: #BC5139;
  --secondary-green: #C7D1BF;
  --secondary-skin: #E2D7BA;
  --secondary-orange: #D99156;
    /* Main UI font */
  --bulma-family-primary: "DMSans", "Inter", system-ui, -apple-system, BlinkMacSystemFont,
                          "Segoe UI", sans-serif;

    /* Secondary font (titles, etc. – if you want it the same, just reuse) */
  --bulma-family-secondary: "DMSans", "Inter", system-ui, -apple-system, BlinkMacSystemFont,
                            "Segoe UI", sans-serif;

    /* Monospace font for code blocks */
  --bulma-family-code: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo,
                       Monaco, Consolas, "Liberation Mono", "Courier New", monospace;

}

body {
  display: grid;
  grid-auto-flow: row;
  grid-template-rows: auto 1fr auto;
  min-height: 100dvh;
}

.is-borderless , .is-primary *{
  border: none !important;
}

/* Navbar */
.navbar-container,
.navbar-container .navbar {
  background-color: var(--primary-grey);
}

/* This ensure proper logo placement without layout shift and aspect ration preserved */
.navbar-logo {
  --height: 40px;
  height: var(--height) !important;
  max-height: var(--height) !important;
  width: 156px !important;
  object-fit: cover;
}

.navbar-dropdown {
  overflow: hidden;
}

button.navbar-item {
  width: 100%;
  text-align: left;
}

/* Pagination */
.pagination {
  --bulma-pagination-current-color: #bc5139;
}

.pagination-link {
  border-color: var(--primary-red);
}

/* Button */
.button.is-primary {
  --bulma-color-l: var(--bulma-light-l);
  --bulma-color-l-delta: 0%;
  color: hsl(var(--bulma-light-h),var(--bulma-light-s),calc(var(--bulma-color-l) + var(--bulma-color-l-delta))) !important;
}

/* Footer */
.footer .is-flex-wrap-wrap {
  row-gap: 1rem;
}

.footer a img {
  max-height: 2rem;
}

.footer a img.is-large {
  max-height: 3rem;
}

/* Form */
.expanded-label .field-label {
  line-height: 2.5rem;
  flex-basis: auto;
}

.expanded-label .field-body {
  flex-grow: 20;
  flex-basis: auto;
}