/* Generated from BRAND_PRIMARY and BRAND_ACCENT. */
/* `:root:root` outranks the built stylesheet whichever loads last. */
:root:root {
  --brand: #019851;
  --brand-deep: #01773f;
  --brand-coral: #73c69f;
  --accent: #00b8d4;
}

:root:root, :root:root[data-theme='light'] {
  --focus: #0097ae;
  --focus-ring: color-mix(in srgb, #0097ae 22%, transparent);
  --selection-bg: #d1ece0;
  --action: #018647;
  --action-hover: #01733d;
  --action-ink: #ffffff;
  --brand-on: #017d42;
  --brand-surface: #edf8f3;
  --brand-border: #c2e6d5;
  --accent-on: #007688;
  --accent-surface: #e8f9fb;
  --accent-border: #bdedf4;
}

:root:root[data-theme='dark'] {
  --focus: #00b8d4;
  --focus-ring: color-mix(in srgb, #00b8d4 26%, transparent);
  --selection-bg: #01542d;
  --action: #018647;
  --action-hover: #259761;
  --action-ink: #ffffff;
  --brand-on: #25a669;
  --brand-surface: #002b17;
  --brand-border: #004424;
  --accent-on: #00b8d4;
  --accent-surface: #002126;
  --accent-border: #003f48;
}