[data-md-color-scheme="light"] {
    --md-hue: 6;
    color-scheme: light;

    /* Base palette */
    --theme-bg: #fcf7f8;
    --theme-bg-elevated: #f4e8e6;
    --theme-bg-soft: rgba(232, 211, 209, 0.42);
    --theme-bg-ghost: rgba(232, 211, 209, 0.18);
    --theme-text: #5c4952;
    --theme-text-muted: #8a7380;
    --theme-text-faint: #b59faa;
    --theme-primary: #e8d3d1;
    --theme-primary-strong: #d9bbb8;
    --theme-link: #8f6678;
    --theme-code-bg: #fff2eb;
    --theme-code-fg: #5c4952;
    --theme-accent: #eecbcb;
    --theme-mark: rgba(255, 183, 66, 0.3);
    --theme-shadow-1: 0 0.2rem 0.5rem rgba(92, 73, 82, 0.08), 0 0 0.05rem rgba(92, 73, 82, 0.08);
    --theme-shadow-2: 0 0.2rem 0.5rem rgba(92, 73, 82, 0.12), 0 0 0.05rem rgba(92, 73, 82, 0.12);
    --theme-shadow-3: 0 0.2rem 0.5rem rgba(92, 73, 82, 0.18), 0 0 0.05rem rgba(92, 73, 82, 0.18);

    /* Chat palette */
    --chat-bubble-left-bg: var(--theme-bg-elevated);
    --chat-bubble-left-text: var(--theme-text);
    --chat-bubble-right-bg: var(--theme-primary);
    --chat-bubble-right-text: rgba(0, 0, 0, 0.64);
    --chat-avatar-bg: var(--theme-bg-soft);
    --chat-avatar-border: var(--theme-bg-elevated);

    /* Material theme mapping */
    --md-default-fg-color: var(--theme-text);
    --md-default-fg-color--light: var(--theme-text-muted);
    --md-default-fg-color--lighter: var(--theme-text-faint);
    --md-default-fg-color--lightest: rgba(181, 159, 170, 0.42);
    --md-default-bg-color: var(--theme-bg);
    --md-default-bg-color--light: var(--theme-bg-soft);
    --md-default-bg-color--lighter: var(--theme-bg-ghost);
    --md-default-bg-color--lightest: rgba(232, 211, 209, 0.08);

    --md-primary-fg-color: var(--theme-primary);
    --md-primary-fg-color--light: var(--theme-bg-elevated);
    --md-primary-fg-color--dark: var(--theme-primary-strong);
    --md-primary-bg-color: rgba(0, 0, 0, 0.64);
    --md-primary-bg-color--light: rgba(255, 255, 255, 0.7);

    --md-code-fg-color: var(--theme-code-fg);
    --md-code-bg-color: var(--theme-code-bg);

    --md-typeset-color: var(--theme-text);
    --md-typeset-a-color: var(--theme-link);
    --md-typeset-mark-color: var(--theme-mark);

    --md-accent-fg-color: var(--theme-accent);
    --md-accent-fg-color--transparent: rgba(123, 92, 139, 0.16);
    --md-accent-bg-color: #fff;
    --md-accent-bg-color--light: rgba(255, 255, 255, 0.7);

    --md-admonition-fg-color: var(--theme-text);
    --md-admonition-bg-color: var(--theme-bg);
    --md-shadow-z1: var(--theme-shadow-1);
    --md-shadow-z2: var(--theme-shadow-2);
    --md-shadow-z3: var(--theme-shadow-3);
}

[data-md-color-scheme="dark"] {
    --md-hue: 280;
    color-scheme: dark;

    /* Base palette */
    --theme-bg: #2d3047;
    --theme-bg-elevated: #565676;
    --theme-bg-soft: rgba(86, 86, 118, 0.54);
    --theme-bg-ghost: rgba(86, 86, 118, 0.28);
    --theme-text: #f0edf7;
    --theme-text-muted: #c4c1d7;
    --theme-text-faint: rgba(196, 193, 215, 0.72);
    --theme-primary: #565676;
    --theme-primary-strong: #4e496f;
    --theme-link: #dd99bb;
    --theme-code-bg: hsla(var(--md-hue), 15%, 15%, 1);
    --theme-code-fg: hsla(var(--md-hue), 18%, 86%, 1);
    --theme-accent: #a599b5;
    --theme-mark: rgba(255, 183, 66, 0.3);
    --theme-shadow-1: 0 0.2rem 0.5rem #0003, 0 0 0.05rem #0000001a;
    --theme-shadow-2: 0 0.2rem 0.5rem #0000004d, 0 0 0.05rem #00000040;
    --theme-shadow-3: 0 0.2rem 0.5rem #0006, 0 0 0.05rem #00000059;

    /* Chat palette */
    --chat-bubble-left-bg: var(--theme-bg-elevated);
    --chat-bubble-left-text: #fff;
    --chat-bubble-right-bg: var(--theme-primary-strong);
    --chat-bubble-right-text: var(--theme-text);
    --chat-avatar-bg: var(--theme-bg-ghost);
    --chat-avatar-border: rgba(196, 193, 215, 0.28);

    /* Material theme mapping */
    --md-default-fg-color: var(--theme-text);
    --md-default-fg-color--light: var(--theme-text-muted);
    --md-default-fg-color--lighter: var(--theme-text-faint);
    --md-default-fg-color--lightest: rgba(196, 193, 215, 0.28);
    --md-default-bg-color: var(--theme-bg);
    --md-default-bg-color--light: var(--theme-bg-soft);
    --md-default-bg-color--lighter: var(--theme-bg-ghost);
    --md-default-bg-color--lightest: rgba(86, 86, 118, 0.1);

    --md-primary-fg-color: var(--theme-primary);
    --md-primary-fg-color--light: var(--theme-text-muted);
    --md-primary-fg-color--dark: var(--theme-primary-strong);
    --md-primary-bg-color: #fff;
    --md-primary-bg-color--light: rgba(255, 255, 255, 0.7);

    --md-code-fg-color: var(--theme-code-fg);
    --md-code-bg-color: var(--theme-code-bg);
    --md-code-hl-color: #4287ff26;
    --md-code-hl-number-color: #e6695b;
    --md-code-hl-special-color: #f06090;
    --md-code-hl-function-color: #c973d9;
    --md-code-hl-constant-color: #9383e2;
    --md-code-hl-keyword-color: #6791e0;
    --md-code-hl-string-color: #2fb170;
    --md-code-hl-name-color: var(--md-code-fg-color);
    --md-code-hl-operator-color: var(--md-default-fg-color--light);
    --md-code-hl-punctuation-color: var(--md-default-fg-color--light);
    --md-code-hl-comment-color: var(--md-default-fg-color--light);
    --md-code-hl-generic-color: var(--md-default-fg-color--light);
    --md-code-hl-variable-color: var(--md-default-fg-color--light);

    --md-typeset-color: var(--theme-text);
    --md-typeset-a-color: var(--theme-link);
    --md-typeset-mark-color: var(--theme-mark);
    --md-typeset-kbd-color: hsla(var(--md-hue), 15%, 94%, 0.12);
    --md-typeset-kbd-accent-color: hsla(var(--md-hue), 15%, 94%, 0.2);
    --md-typeset-kbd-border-color: hsla(var(--md-hue), 15%, 14%, 1);
    --md-typeset-table-color: hsla(var(--md-hue), 75%, 95%, 0.12);
    --md-typeset-table-color--light: hsla(var(--md-hue), 75%, 95%, 0.035);

    --md-accent-fg-color: var(--theme-accent);
    --md-accent-fg-color--transparent: rgba(165, 153, 181, 0.16);
    --md-accent-bg-color: #fff;
    --md-accent-bg-color--light: rgba(255, 255, 255, 0.7);

    --md-admonition-fg-color: var(--theme-text);
    --md-admonition-bg-color: var(--theme-bg);
    --md-footer-bg-color: hsla(var(--md-hue), 15%, 12%, 0.87);
    --md-footer-bg-color--dark: hsla(var(--md-hue), 15%, 10%, 1);
    --md-shadow-z1: var(--theme-shadow-1);
    --md-shadow-z2: var(--theme-shadow-2);
    --md-shadow-z3: var(--theme-shadow-3);
}