#site-name {
    line-height: 73px;
    font-weight: 600;
}

@media (max-width: 1024px) {
    #branding h1 {
        line-height: 73px !important;
        font-weight: 600;
    }
}

@media (prefers-color-scheme: dark) {
    :root {
      --primary: #79aec8;
      --primary-fg: #fff;

      --body-fg: #333;
      --body-bg: #fff;
      --body-quiet-color: #666;
      --body-loud-color: #000;

      --breadcrumbs-link-fg: var(--body-bg);
      --breadcrumbs-bg: var(--primary);

      --link-fg: #447e9b;
      --link-hover-color: #036;
      --link-selected-fg: #5b80b2;

      --hairline-color: #e8e8e8;
      --border-color: #ccc;

      --error-fg: #ba2121;
      --message-success-bg: #dfd;
      --message-warning-bg: #ffc;
      --message-error-bg: #ffefef;

      --darkened-bg: #f8f8f8;
      --selected-bg: #e4e4e4;
      --selected-row: #ffc;

      --close-button-bg: #888;
      --close-button-hover-bg: #747474;
    }
  }