div.a-container {
  font-size: 14.3px;
  font-weight: 450;
  line-height: 1.555;
  letter-spacing: 0.00em;
}

div.a-container p, div.a-container span {
  opacity: 0.975;
}

.a-container h1,
.a-container h2,
.a-container h3 {
  font-size: 18.25px;
  font-weight: 475;
  margin: 10px 0;
  color: #2d6068;
  font-family: 'Cairo', var(--a-font-primary), var(--a-font-secondary), var(--a-font-tertiary);
  letter-spacing: -0.01em;
  opacity: 0.88;
}

.a-container h4,
.a-container h5,
.a-container h6 {
  font-size: 14.75px;
  font-weight: 475;
  margin: 10px 0;
  color: #2d6068;
  font-family: 'Cairo', var(--a-font-primary), var(--a-font-secondary), var(--a-font-tertiary);
  letter-spacing: -0.01em;
  opacity: 0.92;
}

:root {
    --a-bg-color: lightgrey;
    --a-bg-pattern: url("images/bg-pattern.png");

    --a-max-width: 1400px;
    --a-topbar-horizontal-margin: 16px;
    --a-topbar-max-width: 1520px;

    --a-topbar-horizontal-spacing: 16px;
    --a-topbar-border-radius: 16px;

    --a-content-bg-color: #fbfbfb;
    --a-text-color: black;

    --a-old-highlight-color: #477ba2;
    --a-highlight-color: #317AA0;
    --a-text-on-highlight-color: white;

    --a-footer-color: var(--a-highlight-color);
    --a-text-on-footer-color: var(--a-text-on-highlight-color);

    --a-menu-background-unselected: var(--a-highlight-color);
    --a-menu-text-color-unselected: var(--a-text-on-highlight-color);

    --a-menu-background-selected: white;
    --a-menu-text-color-selected: black;

    --a-menu-background-hover: black;
    --a-menu-text-color-hover: white;

    --a-menu-text-font-size: 15px;
    --a-menu-text-padding-top: 21px;
    --a-menu-text-padding-bottom: 24px;

    --a-menu-img-background-unselected: var(--a-menu-background-unselected);
    --a-menu-img-background-selected: #222222;
    --a-menu-img-background-hover: var(--a-menu-background-hover);

    --a-submenu-background: var(--a-highlight-color);
    --a-submenu-text-color: var(--a-text-on-highlight-color);

    --a-submenu-background-hover: var(--a-menu-background-hover);
    --a-submenu-text-color-hover: var(--a-menu-text-color-hover);

    --a-table-background-color: var(--a-highlight-color);
    --a-table-text-color: var(--a-text-on-highlight-color);

    --a-font-primary: "Open Sans";
    --a-font-secondary: "Noto Sans";
    --a-font-tertiary: "Cairo";
    --a-font-quaternary: "Roboto";
    --a-font-quinary: sans-serif;
    
    /* Menu-specific overrides */
    --a-menu-container-padding: 0px; /* Remove vertical padding */
    --a-menu-logo-gap: 8px; /* Reduce logo gap slightly */
}
