:root {
    --brand-white: #fff;
    --brand-green: #2b542c;
    --brand-green-soft: #dff0d8;
    --brand-blue: #245269;
    --brand-blue-soft: #d9edf7;
    --brand-gold: #66512c;
    --brand-gold-soft: #fcf8e3;
    --brand-wine: #843534;
    --brand-wine-soft: #f2dede;
    --brand-plum: #5a2c5a;
    --brand-plum-soft: #f0d5f0;
    --brand-orange: #8b4a2c;
    --brand-orange-soft: #ffe8d5;
    --brand-slate: #4a5a6a;
    --brand-slate-soft: #e8f0f5;
    --brand-teal: #2c5a5a;
    --brand-teal-soft: #d5f0f0;
    --surface-pearl: #fff;
    --surface-ivory: #fcf8e3;
    --surface-orchid: #faf3fa;
    --surface-sage: #eff7ea;
    --surface-mist: #f4f9f9;
    --border-pearl: #d3dde5;
    --border-sage: #c3d4bd;
    --border-orchid: #ddc6dd;
    --shadow-green: #2b542c12;
    --shadow-plum: #5a2c5a12;
    --jewel-ink: #46354b;
    --jewel-body: #665d70;
    --jewel-primary: var(--brand-plum);
    --jewel-soft: var(--brand-plum-soft);
    --jewel-lilac: #7e5896;
    --jewel-gold: #8b6c41;
    --surface-blush: #fbf4f3;
    --surface-lilac: #faf3fa;
    --surface-champagne: #fdfaf2;
    --surface-powder: #f3f7fa;
    --border-blush: #e8d5db;
    --border-lilac: #decbe3;
    --border-champagne: #e6d9c0;
    --shadow-jewel: #5a2c5a0d;
    --page-accent: var(--brand-plum);
    --page-secondary: #7e5896;
    --page-soft: var(--brand-plum-soft);
}

html[data-store-theme] {
    --jewel-primary: var(--page-accent);
    --jewel-lilac: var(--page-secondary);
    --jewel-soft: var(--page-soft);
    --primary: var(--page-accent);
    --rose: var(--page-accent);
    --rose-strong: var(--page-accent);
    --teal: var(--page-secondary);
    --surface-lilac: color-mix(in srgb, var(--page-soft) 28%, var(--brand-white));
    --surface-orchid: var(--surface-lilac);
    --soft-rose: var(--surface-lilac);
    --soft-teal: var(--surface-lilac);
    --border-lilac: color-mix(in srgb, var(--page-accent) 22%, var(--brand-white));
    --border-blush: color-mix(in srgb, var(--page-accent) 15%, var(--brand-white));
    --line: var(--border-blush);
    --shadow-jewel: color-mix(in srgb, var(--page-accent) 5%, transparent);
}

html[data-store-theme="plum"] {
    --primary: var(--jewel-ink);
    --surface-lilac: #faf3fa;
    --surface-orchid: #faf3fa;
    --border-lilac: #decbe3;
    --border-blush: #e8d5db;
}

html[data-store-theme="champagne"] {
    --page-accent: var(--jewel-gold);
    --page-secondary: var(--brand-gold);
    --page-soft: var(--brand-gold-soft);
}

html[data-store-theme="blue"] {
    --page-accent: var(--brand-blue);
    --page-secondary: var(--brand-slate);
    --page-soft: var(--brand-blue-soft);
}

html[data-store-theme="lilac"] {
    --page-accent: #7e5896;
    --page-secondary: var(--brand-plum);
    --page-soft: var(--brand-plum-soft);
}

html[data-store-theme="rose"] {
    --page-accent: var(--brand-wine);
    --page-secondary: var(--brand-wine);
    --page-soft: var(--brand-wine-soft);
}

html[data-store-theme="copper"] {
    --page-accent: var(--brand-orange);
    --page-secondary: var(--brand-gold);
    --page-soft: var(--brand-orange-soft);
}

html[data-store-theme="slate"] {
    --page-accent: var(--brand-slate);
    --page-secondary: var(--brand-blue);
    --page-soft: var(--brand-slate-soft);
}