@layer mpl.brand {
  :root {
    --mpl-brand-id: "anita-mentoria";
    --mpl-color-canvas: #f7f0e6;
    --mpl-color-surface: #fffaf3;
    --mpl-color-surface-subtle: #f4ece0;
    --mpl-color-surface-elevated: #fffaf3;
    --mpl-color-text: #2e2118;
    --mpl-color-text-muted: #715f52;
    --mpl-color-text-inverse: #ffffff;
    --mpl-color-border: #cdbcae;
    --mpl-color-border-strong: #8d786a;
    --mpl-color-primary: #9d4f30;
    --mpl-color-primary-hover: #7d3d24;
    --mpl-color-on-primary: #ffffff;
    --mpl-color-secondary: #65734f;
    --mpl-color-secondary-hover: #4f5d3d;
    --mpl-color-on-secondary: #ffffff;
    --mpl-color-focus: #78563f;
    --mpl-font-heading: "Fraunces", Georgia, serif;
    --mpl-font-body: "Alegreya Sans", "Segoe UI", sans-serif;
    --mpl-radius-control: 0.75rem;
    --mpl-radius-card: 1.25rem;
    --mpl-radius-modal: 1.5rem;
    --mpl-shadow-card: 0 16px 42px rgb(63 43 30 / 10%);
    --interactive-primary: 157 79 48;
    --interactive-primary-hover: 125 61 36;
    --interactive-secondary: 101 115 79;
    --interactive-secondary-hover: 79 93 61;
    --color-brand-900: 157 79 48;
    --color-brand-950: 46 33 24;
  }
  :root.dark, :root[data-theme="dark"] {
    --mpl-color-canvas: #251c17;
    --mpl-color-surface: #30251f;
    --mpl-color-surface-subtle: #3c2e26;
    --mpl-color-surface-elevated: #43332a;
    --mpl-color-text: #fff7ed;
    --mpl-color-text-muted: #d4c3b6;
    --mpl-color-text-inverse: #251c17;
    --mpl-color-border: #675247;
    --mpl-color-border-strong: #a0897a;
    --mpl-color-primary: #e49b78;
    --mpl-color-primary-hover: #f1b294;
    --mpl-color-on-primary: #2e2118;
    --mpl-color-secondary: #b8c59d;
    --mpl-color-secondary-hover: #d0dabd;
    --mpl-color-on-secondary: #252c1c;
    --interactive-primary: 228 155 120;
    --interactive-primary-hover: 241 178 148;
    --interactive-secondary: 184 197 157;
    --interactive-secondary-hover: 208 218 189;
    --color-brand-900: 228 155 120;
    --color-brand-950: 46 33 24;
  }
}