/* Brand accent: teal instead of the default azure blue.
   The azure ramp keeps its lightness and chroma steps with the hue moved to
   teal, so everything built on it (accent, focus, charts, glows) follows.
   Dark mode sets some accent values directly, so those are moved too.
   Info messages stay blue on purpose. A theme picked in Theme Color still
   overrides all of this. */
:root {
  --azure-1: oklch(96% .019 192);
  --azure-2: oklch(89% .055 192);
  --azure-3: oklch(80% .1 192);
  --azure-4: oklch(69% .136 192);
  --azure-5: oklch(62.5% .139 192);
  --azure-6: oklch(56% .14 192);
  --azure-7: oklch(48% .127 192);
  --azure-8: oklch(40.5% .113 192);
  --azure-9: oklch(30% .085 192);
}

:root,
:root[data-theme="light"] {
  --accent-soft: oklch(69% .136 192/.12);
  --info-fg: oklch(56% .14 246);
  --info-bg: oklch(96% .03 246);
  --info-border: oklch(87% .08 246);
}

:root[data-theme="dark"] {
  --accent: oklch(64% .145 192);
  --accent-fill: oklch(52% .14 192);
  --accent-fill-hover: oklch(56% .135 192);
  --accent-hover: oklch(72% .125 192);
  --accent-soft: oklch(69% .136 192/.18);
  --accent-wash: oklch(21% .033 192);
  --info-fg: oklch(75% .1 246);
  --info-bg: oklch(22% .05 246);
  --info-border: oklch(35% .1 246);
}