@layer mpl.brand {
  :root {
    --mpl-brand-id: "mpl-capital";
    --mpl-color-canvas: rgb(var(--surface-1, 249 249 247));
    --mpl-color-surface: rgb(var(--surface-2, 255 255 255));
    --mpl-color-surface-subtle: rgb(var(--surface-3, 243 243 239));
    --mpl-color-surface-elevated: rgb(var(--surface-2, 255 255 255));
    --mpl-color-text: rgb(var(--text-primary, 11 11 11));
    --mpl-color-text-muted: rgb(var(--text-muted, 86 86 80));
    --mpl-color-text-inverse: rgb(var(--text-inverse, 249 249 247));
    --mpl-color-border: var(--border-default, #d2d2ce);
    --mpl-color-border-strong: var(--border-strong, #85857f);
    --mpl-color-primary: rgb(var(--interactive-primary, 30 30 30));
    --mpl-color-primary-hover: rgb(var(--interactive-primary-hover, 58 58 58));
    --mpl-color-on-primary: rgb(var(--text-inverse, 249 249 247));
    --mpl-color-secondary: rgb(var(--interactive-secondary, 42 42 42));
    --mpl-color-secondary-hover: rgb(var(--interactive-secondary-hover, 51 51 51));
    --mpl-color-on-secondary: rgb(var(--text-inverse, 249 249 247));
    --mpl-color-focus: rgb(var(--interactive-primary, 30 30 30));
    --mpl-font-heading: "Segoe UI", sans-serif;
    --mpl-font-body: "Segoe UI", sans-serif;
    --mpl-font-mono: "Cascadia Code", Consolas, monospace;
    --mpl-radius-control: 0.35rem;
    --mpl-radius-card: 0.55rem;
    --mpl-radius-modal: 0.75rem;
    --mpl-shadow-card: 0 10px 30px rgb(0 0 0 / 9%);
  }
}