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

:root {
  color-scheme: light;

  --wa-color-brand-05: #f4fbfb;
  --wa-color-brand-10: #e7f5f5;
  --wa-color-brand-20: #12393d;
  --wa-color-brand-30: #165259;
  --wa-color-brand-40: #18707a;
  --wa-color-brand-50: #1d8d99;
  --wa-color-brand-60: #2ca8b4;
  --wa-color-brand-70: #59bfca;
  --wa-color-brand-80: #93d9df;
  --wa-color-brand-90: #c9ecef;
  --wa-color-brand-95: #edf7f8;
  --wa-color-brand: var(--wa-color-brand-50);
  --wa-color-brand-on: #ffffff;

  --wa-color-surface-raised: #ffffff;
  --wa-color-surface-default: #f6fbfb;
  --wa-color-surface-lowered: #e8f2f3;
  --wa-color-surface-border: #c7d8da;

  --wa-color-text-normal: #152d31;
  --wa-color-text-quiet: #4b6164;
  --wa-color-text-link: #14636d;

  --wa-color-overlay-modal: color-mix(in oklab, #0e1c1e 40%, transparent);
  --wa-color-overlay-inline: color-mix(in oklab, var(--wa-color-brand-80) 28%, transparent);
  --wa-color-shadow: color-mix(in oklab, var(--wa-color-brand-20) 12%, transparent);
  --wa-color-focus: #1d8d99;

  --wa-color-mix-hover: black 10%;
  --wa-color-mix-active: black 18%;

  --wa-color-brand-fill-quiet: #eef7f8;
  --wa-color-brand-fill-normal: #d8ecef;
  --wa-color-brand-fill-loud: var(--wa-color-brand);
  --wa-color-brand-border-quiet: #d7e7e9;
  --wa-color-brand-border-normal: #8acbd2;
  --wa-color-brand-border-loud: #2d8d98;
  --wa-color-brand-on-quiet: #14525a;
  --wa-color-brand-on-normal: #143b3f;
  --wa-color-brand-on-loud: #ffffff;

  --wa-color-success-fill-quiet: #e9f7f0;
  --wa-color-success-fill-normal: #d4efe2;
  --wa-color-success-fill-loud: #2f8f63;
  --wa-color-success-border-quiet: #d4efe2;
  --wa-color-success-border-normal: #9fd0b6;
  --wa-color-success-border-loud: #2f8f63;
  --wa-color-success-on-quiet: #1f5f43;
  --wa-color-success-on-normal: #184b35;
  --wa-color-success-on-loud: #ffffff;

  --wa-color-warning-fill-quiet: #fcf4df;
  --wa-color-warning-fill-normal: #f6e6b6;
  --wa-color-warning-fill-loud: #c88a08;
  --wa-color-warning-border-quiet: #f6e6b6;
  --wa-color-warning-border-normal: #e0b455;
  --wa-color-warning-border-loud: #b87e08;
  --wa-color-warning-on-quiet: #735003;
  --wa-color-warning-on-normal: #664702;
  --wa-color-warning-on-loud: #ffffff;

  --wa-color-danger-fill-quiet: #fceceb;
  --wa-color-danger-fill-normal: #f8d6d3;
  --wa-color-danger-fill-loud: #c5524a;
  --wa-color-danger-border-quiet: #f2c1bc;
  --wa-color-danger-border-normal: #de8a83;
  --wa-color-danger-border-loud: #b44a43;
  --wa-color-danger-on-quiet: #6d2e29;
  --wa-color-danger-on-normal: #5a2521;
  --wa-color-danger-on-loud: #ffffff;

  --wa-color-neutral-fill-quiet: #f3f6f6;
  --wa-color-neutral-fill-normal: #e2e8e9;
  --wa-color-neutral-fill-loud: #334447;
  --wa-color-neutral-border-quiet: #dde6e7;
  --wa-color-neutral-border-normal: #bccacd;
  --wa-color-neutral-border-loud: #74878b;
  --wa-color-neutral-on-quiet: #4f6164;
  --wa-color-neutral-on-normal: #334346;
  --wa-color-neutral-on-loud: #ffffff;
}