@layer wa-theme-overrides {
  .wa-theme-awesome {
    --wa-font-family-body: "Inter", sans-serif;
    --wa-font-family-heading: "Montserrat", sans-serif;
    --wa-font-family-longform: "Inter", sans-serif;

    --wa-color-brand-05: #120b07;
    --wa-color-brand-10: #20130c;
    --wa-color-brand-20: #3a2415;
    --wa-color-brand-30: #52321d;
    --wa-color-brand-40: #6a4126;
    --wa-color-brand-50: #7a4f2e;
    --wa-color-brand-60: #8b5f37;
    --wa-color-brand-70: #9b6d3d;
    --wa-color-brand-80: #b48659;
    --wa-color-brand-90: #d6b794;
    --wa-color-brand-95: #ead8c6;
    --wa-color-brand: var(--wa-color-brand-70);
    --wa-color-brand-on: #f5f5f5;
    --wa-color-focus: var(--wa-color-brand-70);
    --wa-color-brand-fill-quiet: var(--wa-color-brand-10);
    --wa-color-brand-fill-normal: var(--wa-color-brand-20);
    --wa-color-brand-fill-loud: var(--wa-color-brand-60);
    --wa-color-brand-border-quiet: var(--wa-color-brand-30);
    --wa-color-brand-border-normal: var(--wa-color-brand-50);
    --wa-color-brand-border-loud: var(--wa-color-brand-80);

    --wa-color-text-normal: #f5f5f5;
    --wa-color-text-quiet: rgba(245, 245, 245, 0.72);
    --wa-color-text-link: var(--wa-color-brand-80);

    --wa-color-surface-raised: #121212;
    --wa-color-surface-default: #080808;
    --wa-color-surface-lowered: #050505;
    --wa-color-surface-border: rgba(245, 245, 245, 0.12);

    --wa-color-brand-on-quiet: #f5f5f5;
    --wa-color-brand-on-normal: #f5f5f5;
    --wa-color-brand-on-loud: #f5f5f5;
    --wa-color-fill-loud: var(--wa-color-brand-fill-loud);
    --wa-color-border-loud: var(--wa-color-brand-border-loud);
    --wa-color-on-loud: var(--wa-color-brand-on-loud);

    --wa-color-neutral-on-quiet: rgba(245, 245, 245, 0.82);
    --wa-color-neutral-on-normal: #f5f5f5;
    --wa-color-neutral-on-loud: #f5f5f5;
  }
}