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

:root {
  color-scheme: light;
  --wa-color-brand-95: #eef4ff;
  --wa-color-brand-90: #d9e7ff;
  --wa-color-brand-80: #b5d0ff;
  --wa-color-brand-70: #88b1ff;
  --wa-color-brand-60: #588dff;
  --wa-color-brand-50: #2d69e0;
  --wa-color-brand-40: #164aa8;
  --wa-color-brand-30: #12397f;
  --wa-color-brand-20: #102b5d;
  --wa-color-brand-10: #0d1d3d;
  --wa-color-brand-05: #091127;
  --wa-color-brand: var(--wa-color-brand-50);
  --wa-color-brand-on: white;
  --wa-color-surface-raised: #ffffff;
  --wa-color-surface-default: #f4f7fb;
  --wa-color-surface-lowered: #e8eef7;
  --wa-color-surface-border: #c9d4e6;
  --wa-color-text-normal: #162033;
  --wa-color-text-quiet: #4f617d;
  --wa-color-text-link: #164aa8;
  --wa-color-overlay-modal: color-mix(in oklab, #091127 24%, transparent);
  --wa-color-overlay-inline: color-mix(in oklab, #164aa8 12%, transparent);
  --wa-color-shadow: color-mix(in oklab, #091127 10%, transparent);
  --wa-color-focus: #2d69e0;
  --wa-color-mix-hover: black 10%;
  --wa-color-mix-active: black 20%;
  --wa-color-brand-fill-quiet: #eaf1ff;
  --wa-color-brand-fill-normal: #d7e5ff;
  --wa-color-brand-fill-loud: var(--wa-color-brand);
  --wa-color-brand-border-quiet: #d1def6;
  --wa-color-brand-border-normal: #88b1ff;
  --wa-color-brand-border-loud: #2d69e0;
  --wa-color-brand-on-quiet: #12397f;
  --wa-color-brand-on-normal: #102b5d;
  --wa-color-brand-on-loud: white;
}