.weather-info {
  /* Display */
  --weather-info-display: flex;
  --weather-info-padding-y: 0;
  --weather-info-padding-x: 0;
  --weather-info-gap: 0.35rem;
  --weather-info-vertical-alignment: center;

  /* Min/Max Temperature Properties */
  --weather-info-min-max-temp-font-size: 0.85rem;
  --weather-info-min-max-temp-font-weight: 400;
  --weather-info-min-max-temp-color: var(--weather-info-value-color, #000000);

  /* Title / Value colors */
  --weather-info-title-color: rgba(255, 255, 255, 0.72);
  --weather-info-value-color: rgba(255, 255, 255, 0.9);

  /* Current Temperature Properties */
  --weather-info-temp-font-size: 0.85rem;
  --weather-info-temp-font-weight: 400;
  --weather-info-temp-color: var(--weather-info-value-color, #000000);

  /* Humidity Properties */
  --weather-info-humidity-font-size: 0.85rem;
  --weather-info-humidity-font-weight: 400;
  --weather-info-humidity-color: var(--weather-info-value-color, #000000);

  /* Sky Status Properties */
  --weather-info-sky-status-font-size: 0.85rem;
  --weather-info-sky-status-font-weight: 400;
  --weather-info-sky-status-color: var(--weather-info-value-color, #000000);

  display: var(--weather-info-display);
  align-items: var(--weather-info-vertical-alignment);
  justify-content: center;
  padding: var(--weather-info-padding-y) var(--weather-info-padding-x);
  gap: var(--weather-info-gap);
  font-size: 0.95rem;
  line-height: 1.1;
  letter-spacing: 0.01em;

  .weather-info__min_max_temp,
  .weather-info__temp,
  .weather-info__humidity {
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
    color: var(--weather-info-min-max-temp-color);
    font-size: var(--weather-info-min-max-temp-font-size);
    font-weight: var(--weather-info-min-max-temp-font-weight);
  }

  /* Title (labels) and values styling */
  strong {
    color: var(--weather-info-title-color);
    font-weight: 600;
    margin-right: 0.2rem;
  }

  .weather-info__value {
    color: var(--weather-info-value-color);
    white-space: nowrap;
  }

  .weather-info__link {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.3rem;
    color: rgba(255, 255, 255, 0.8);
    text-decoration: none;
    line-height: 1.1;
  }

  .weather-info__link:hover {
    text-decoration: underline;
    color: rgba(255, 255, 255, 1);
  }

  .weather-info__latest-link {
    display: inline-flex;
    align-items: center;
    color: rgba(255, 255, 255, 0.8);
    text-decoration: none;
    white-space: nowrap;
  }

  .weather-info__separator {
    margin-left: auto;
    margin-right: 0.5rem;
    color: rgba(255, 255, 255, 0.5);
  }

  .weather-info__latest-link strong {
    color: inherit;
    font-weight: 700;
    margin-right: 0;
  }

  .weather-info__latest-link:hover {
    text-decoration: underline;
    color: rgba(255, 255, 255, 1);
  }

  .weather-info__temp {
    color: var(--weather-info-temp-color);
    font-size: var(--weather-info-temp-font-size);
    font-weight: var(--weather-info-temp-font-weight);
  }

  .weather-info__humidity {
    color: var(--weather-info-humidity-color);
    font-size: var(--weather-info-humidity-font-size);
    font-weight: var(--weather-info-humidity-font-weight);
  }

  .weather-info__sky {
    color: var(--weather-info-sky-status-color);
    font-size: var(--weather-info-sky-status-font-size);
    font-weight: var(--weather-info-sky-status-font-weight);
  }

  img {
    display: block;
    width: 1.1rem;
    height: auto;
    opacity: 0.9;
    align-self: center;
  }
}