:root {
  --leadwell-white: oklch(100% 0 0);
  --leadwell-light-gray: oklch(96.92% 0.003 247.86);
  --leadwell-medium-gray: oklch(87.3% 0.0025 242.854);
  --leadwell-dark-gray: oklch(32.11% 0 0);

  --leadwell-dark-blue: oklch(35.08% 0.084 244.29);
  --leadwell-medium-blue: oklch(65.04% 0.074 220.6);
  --leadwell-saturated-blue: oklch(69.67% 0.1 214.98);
  --leadwell-faded-blue: oklch(69.08% 0.037 241.7);

  --theme-text-primary: var(--leadwell-dark-gray);
  --theme-text-inverted: var(--leadwell-white);

  --theme-background-primary: var(--leadwell-white);
  --theme-background-secondary: var(--leadwell-light-gray);
  --theme-background-inverted: var(--leadwell-dark-blue);
}

body {
  background-color: var(--theme-background-secondary);
  color: var(--theme-text-primary);
}

a {
  color: var(--leadwell-dark-blue);

  &:hover {
    text-decoration: underline;
  }
}

[popover] {
  padding: 0;
  background: transparent;
  overflow: visible;
}