.app-footer {
  h2 {
    font-family: var(--font-sans);
    font-size: inherit;
  }
  ul {
    padding-left: 0;
  }
  ul.flex-row {
    @media (min-width: 64rem) {
      justify-content: space-between;
    }
  }
}
:root {
--surface-normal: oklch(0 0 0);
--surface-light: oklch(0.2 0 0);
--surface-lighter: oklch(0.3 0 0);
--surface-lightest: oklch(0.4 0 0);
--color-text-normal: oklch(1 0 0);
--color-text-muted: oklch(0.8 0 0);
--accent-normal-fg: oklch(1 0 0);
--accent-normal-bg: oklch(0.5321 0.2617 273.87);
--accent-success-fg: oklch(0.7912 0.2093 151.71);
--accent-success-bg: oklch(0.4581 0.1157 151.71);
--accent-warning-fg: oklch(0.7756 0.1783 62.57);
--accent-warning-bg: oklch(0.4729 0.1003 62.57);
--accent-error-fg: oklch(0 0 0);
--accent-error-bg: oklch(0 0 0);
}