@layer mpl.brand {
  :root {
    --mpl-brand-id: "bumpbond";
    --mpl-color-canvas: #f9fffe;
    --mpl-color-surface: #ffffff;
    --mpl-color-surface-subtle: #eef9f8;
    --mpl-color-surface-elevated: #fff8f2;
    --mpl-color-text: #2d3748;
    --mpl-color-text-muted: #657187;
    --mpl-color-text-inverse: #ffffff;
    --mpl-color-border: #bddbd8;
    --mpl-color-border-strong: #6da8a4;
    --mpl-color-primary: #2f7774;
    --mpl-color-primary-hover: #245f5d;
    --mpl-color-on-primary: #ffffff;
    --mpl-color-secondary: #9f4f35;
    --mpl-color-secondary-hover: #813b28;
    --mpl-color-on-secondary: #ffffff;
    --mpl-color-focus: #377f7b;
    --mpl-font-heading: Nunito, "Arial Rounded MT Bold", sans-serif;
    --mpl-font-body: "DM Sans", "Segoe UI", sans-serif;
    --mpl-radius-control: 999px;
    --mpl-radius-card: 1.5rem;
    --mpl-radius-modal: 2rem;
    --mpl-shadow-card: 0 12px 36px rgb(91 191 186 / 18%);
    --mpl-shadow-modal: 0 30px 90px rgb(26 35 50 / 34%);
    --interactive-primary: 47 119 116;
    --interactive-primary-hover: 36 95 93;
    --interactive-secondary: 159 79 53;
    --interactive-secondary-hover: 129 59 40;
    --color-brand-900: 47 119 116;
    --color-brand-950: 26 35 50;
  }
  :root.dark, :root[data-theme="dark"] {
    --mpl-color-canvas: #1a2332;
    --mpl-color-surface: #243044;
    --mpl-color-surface-subtle: #2d3a50;
    --mpl-color-surface-elevated: #33415a;
    --mpl-color-text: #e2e8f0;
    --mpl-color-text-muted: #b7c1d0;
    --mpl-color-text-inverse: #1a2332;
    --mpl-color-border: #4a5a72;
    --mpl-color-border-strong: #7f8da0;
    --mpl-color-primary: #83d7d3;
    --mpl-color-primary-hover: #a5e5e2;
    --mpl-color-on-primary: #173735;
    --mpl-color-secondary: #ffc0a7;
    --mpl-color-secondary-hover: #ffd3c1;
    --mpl-color-on-secondary: #4c2518;
    --interactive-primary: 131 215 211;
    --interactive-primary-hover: 165 229 226;
    --interactive-secondary: 255 192 167;
    --interactive-secondary-hover: 255 211 193;
    --color-brand-900: 131 215 211;
    --color-brand-950: 26 35 50;
  }
}