@import url("default-palette.css");

:root {
  color-scheme: light;
  --wa-color-brand-95: #edf7f4;
  --wa-color-brand-90: #d8efe7;
  --wa-color-brand-80: #b3dfd1;
  --wa-color-brand-70: #82c8b3;
  --wa-color-brand-60: #4aac93;
  --wa-color-brand-50: #1c8b72;
  --wa-color-brand-40: #136d59;
  --wa-color-brand-30: #0f5645;
  --wa-color-brand-20: #0d4034;
  --wa-color-brand-10: #0a2b23;
  --wa-color-brand-05: #071914;
  --wa-color-brand: var(--wa-color-brand-50);
  --wa-color-brand-on: white;
  --wa-color-surface-raised: #ffffff;
  --wa-color-surface-default: #f4f8f7;
  --wa-color-surface-lowered: #e7efec;
  --wa-color-surface-border: #c7d8d2;
  --wa-color-text-normal: #162420;
  --wa-color-text-quiet: #526862;
  --wa-color-text-link: #136d59;
  --wa-color-overlay-modal: color-mix(in oklab, #071914 22%, transparent);
  --wa-color-overlay-inline: color-mix(in oklab, #136d59 12%, transparent);
  --wa-color-shadow: color-mix(in oklab, #071914 10%, transparent);
  --wa-color-focus: #1c8b72;
  --wa-color-mix-hover: black 10%;
  --wa-color-mix-active: black 20%;
  --wa-color-brand-fill-quiet: #e7f3ef;
  --wa-color-brand-fill-normal: #d4ebe4;
  --wa-color-brand-fill-loud: var(--wa-color-brand);
  --wa-color-brand-border-quiet: #cee3dc;
  --wa-color-brand-border-normal: #82c8b3;
  --wa-color-brand-border-loud: #1c8b72;
  --wa-color-brand-on-quiet: #0f5645;
  --wa-color-brand-on-normal: #0d4034;
  --wa-color-brand-on-loud: white;
}