@layer mpl.brand {
  :root {
    --mpl-brand-id: "life-os";
    --mpl-color-canvas: #f6f3ec;
    --mpl-color-surface: #fffefa;
    --mpl-color-surface-subtle: #eee9de;
    --mpl-color-surface-elevated: #ffffff;
    --mpl-color-text: #24302b;
    --mpl-color-text-muted: #5e6a64;
    --mpl-color-text-inverse: #ffffff;
    --mpl-color-border: #d8d3c9;
    --mpl-color-border-strong: #737c77;
    --mpl-color-primary: #416a58;
    --mpl-color-primary-hover: #315444;
    --mpl-color-on-primary: #ffffff;
    --mpl-color-secondary: #9d452f;
    --mpl-color-secondary-hover: #7f3423;
    --mpl-color-on-secondary: #ffffff;
    --mpl-color-focus: #245c8a;
    --mpl-color-success: #35604d;
    --mpl-color-success-surface: #dde9e2;
    --mpl-color-warning: #85510b;
    --mpl-color-warning-surface: #fff0d2;
    --mpl-color-danger: #9b3038;
    --mpl-color-danger-hover: #7a2229;
    --mpl-color-on-danger: #ffffff;
    --mpl-color-danger-surface: #f8e5e5;
    --mpl-color-navigation: #24302b;
    --mpl-color-on-navigation: #fffefa;
    --mpl-color-navigation-muted: #c8d2cc;
    --mpl-color-navigation-border: #485851;
    --mpl-color-navigation-active: #9d452f;
    --mpl-color-on-navigation-active: #ffffff;
    --mpl-font-heading: "Newsreader", Georgia, serif;
    --mpl-font-body: Aptos, "Segoe UI", system-ui, sans-serif;
    --mpl-radius-control: .75rem;
    --mpl-radius-card: 1.25rem;
    --mpl-radius-modal: 1.4rem;
    --mpl-shadow-card: 0 18px 55px rgb(31 58 49 / 6%);
    --mpl-shadow-modal: var(--mpl-shadow-card);
    --interactive-primary: 65 106 88;
    --interactive-primary-hover: 49 84 68;
    --interactive-secondary: 157 69 47;
    --interactive-secondary-hover: 127 52 35;
    --color-brand-900: 65 106 88;
    --color-brand-950: 36 48 43;
  }

  :root.dark, :root[data-theme="dark"] {
    --mpl-color-canvas: #17201c;
    --mpl-color-surface: #202b26;
    --mpl-color-surface-subtle: #2a3731;
    --mpl-color-surface-elevated: #314039;
    --mpl-color-text: #f3f0e8;
    --mpl-color-text-muted: #bdc9c2;
    --mpl-color-text-inverse: #17201c;
    --mpl-color-border: #45554d;
    --mpl-color-border-strong: #829188;
    --mpl-color-primary: #a8cfba;
    --mpl-color-primary-hover: #c5dfd0;
    --mpl-color-on-primary: #173125;
    --mpl-color-secondary: #efad95;
    --mpl-color-secondary-hover: #f7c6b5;
    --mpl-color-on-secondary: #4a1e12;
    --mpl-color-focus: #9dccef;
    --mpl-color-success: #9dd1b5;
    --mpl-color-success-surface: #244133;
    --mpl-color-warning: #efc47b;
    --mpl-color-warning-surface: #44341d;
    --mpl-color-danger: #ffadb3;
    --mpl-color-danger-hover: #ffc8cc;
    --mpl-color-on-danger: #46151a;
    --mpl-color-danger-surface: #4b282b;
    --mpl-color-navigation: #111713;
    --mpl-color-on-navigation: #f3f0e8;
    --mpl-color-navigation-muted: #bdc9c2;
    --mpl-color-navigation-border: #45554d;
    --mpl-color-navigation-active: #efad95;
    --mpl-color-on-navigation-active: #3a180e;
    --interactive-primary: 168 207 186;
    --interactive-primary-hover: 197 223 208;
    --interactive-secondary: 239 173 149;
    --interactive-secondary-hover: 247 198 181;
  }
}