.app-header {
  --repel-vertical-alignment: center;
  --gutter: var(--space-s);
  background-color: var(--color-light);
  color: var(--color-brand);
  padding: var(--space-3xs) var(--space-xs);
  box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.1);

  > div:first-child {
    display: flex;
    gap: inherit;
    align-items: inherit;
  }

  .button[data-icon-button] {
    --button-color: var(--color-brand);
    font-size: var(--size-step-4);
  }

  .header--logo {
    font-size: 3rem;
    line-height: 1;
  }

  a[href] {
    text-decoration: none;
  }
}