:root {
  --accent-color: oklch(71.21% 0.071 173.18);
  /* Juricarriere teal */
  --button-face: var(--accent-color);
  --link-text: light-dark(oklch(from var(--accent-color) 0.58 c h), var(--accent-color));
  --visited-text: var(--link-text);
  --active-text: var(--gray-text);
  --border-color: light-dark(var(--color-4), var(--color-12));
  --light-border-color: light-dark(var(--color-3), var(--color-12));
  color-scheme: light dark;
}

.bordered {
  border: 1px solid var(--border-color);
  border-radius: var(--message-border-radius);

  &.light {
    border-color: var(--light-border-color);
  }
}