:root, html[data-theme="light"], body[data-theme="light"] {
    --theme-bg: #F3E4CA;
    --theme-surface: #FFF9EF;
    --theme-header: #3A2418;
    --theme-category: #D8B77E;
    --theme-category-active: #C99A4A;
    --theme-category-active-text: #111111;
    --theme-button: #C99A4A;
    --theme-button-text: #111111;
    --theme-button-hover: #3A2418;
    --theme-button-hover-text: #FFFFFF;
    --theme-button-active: #3A2418;
    --theme-button-active-text: #FFFFFF;
    --theme-button-secondary: #D8B77E;
    --theme-button-secondary-text: #111111;
    --theme-button-secondary-hover: #E8E4DC;
    --theme-button-secondary-hover-text: #111111;
    --theme-button-danger: #C62828;
    --theme-button-danger-text: #FFFFFF;
    --theme-button-danger-hover: #9A1F1F;
    --theme-button-danger-hover-text: #FFFFFF;
    --theme-text: #201812;
    --theme-text-muted: #5C4A3A;
    --theme-text-price: #3A2418;
    --theme-accent: #C99A4A;
    --theme-badge: #596143;
    --theme-border: #B8956A;
    --theme-success: #2E7D32;
    --theme-warning: #ED6C02;
    --theme-error: #C62828;
    --theme-info: #0277BD;
    --theme-card: #FFF9EF;
    --pm-bg: #F4F1EC;
    --pm-surface: #FFF9EF;
    --pm-text: #111111;
    --pm-muted: #4A4A4A;
    --pm-accent: #3A2418;
    --pm-border: #B8956A;
    --pm-beige: #DBBB85;
    --pm-beige-deep: #EDE0C8;
    --pm-divider: #C99A4A;
    --pm-header-bg: #3A2418;
    --pm-footer-bg: #3A2418;
    --pm-category-active: #9A6304;
    --pm-category-active-text: #FFFFFF;
    --pm-button: #C99A4A;
    --pm-button-text: #111111;
    --pm-badge: #596143;
    --pm-badge-text: #FFFFFF;
    --pm-header-text: #FFFFFF;
    --pm-footer-text: #FFFFFF;
    --pm-category-text: #111111;
    --carta-header-text: #FFFFFF;
    --carta-footer-text: #FFFFFF;
    --carta-category-text: #111111;
    --carta-badge-text: #FFFFFF;
    --theme-carta-header-text: #FFFFFF;
    --theme-carta-footer-text: #FFFFFF;
    --theme-carta-category-text: #111111;
    --theme-carta-badge-text: #FFFFFF;
    --carta-bg: #F4F1EC;
    --carta-header: #3A2418;
    --carta-footer: #3A2418;
    --carta-category: #DBBB85;
    --carta-category-active: #9A6304;
    --carta-category-active-text: #FFFFFF;
    --carta-card: #FFF9EF;
    --carta-card-border: #B8956A;
    --carta-name: #111111;
    --carta-desc: #4A4A4A;
    --carta-price: #3A2418;
    --carta-button: #C99A4A;
    --carta-button-text: #111111;
    --carta-badge: #596143;
    --theme-carta-bg: #F4F1EC;
    --theme-carta-header: #3A2418;
    --theme-carta-footer: #3A2418;
    --theme-carta-category: #DBBB85;
    --theme-carta-category-active: #9A6304;
    --theme-carta-category-active-text: #FFFFFF;
    --theme-carta-card: #FFF9EF;
    --theme-carta-card-border: #B8956A;
    --theme-carta-name: #111111;
    --theme-carta-desc: #4A4A4A;
    --theme-carta-price: #3A2418;
    --theme-carta-button: #C99A4A;
    --theme-carta-button-text: #111111;
    --theme-carta-badge: #596143;
    --pos-bg: #F3E4CA;
    --pos-header: #3A2418;
    --pos-header-text: #FFFFFF;
    --pos-text: #201812;
    --pos-text-muted: #5C4A3A;
    --pos-tab: #EDE0C8;
    --pos-tab-text: #111111;
    --pos-tab-active: #C99A4A;
    --pos-tab-active-text: #111111;
    --pos-category: #D8B77E;
    --pos-category-text: #111111;
    --pos-category-active: #C99A4A;
    --pos-category-active-text: #111111;
    --pos-card: #FFF9EF;
    --pos-card-border: #B8956A;
    --pos-card-text: #111111;
    --pos-card-price: #3A2418;
    --pos-cart-bg: #EDE0C8;
    --pos-total: #111111;
    --pos-button: #C99A4A;
    --pos-button-text: #111111;
    --pos-button-secondary: #D8B77E;
    --pos-button-secondary-text: #111111;
    --pos-badge: #596143;
    --pos-oo-bubble: #C99A4A;
    --pos-oo-bubble-text: #111111;
    --pos-input-bg: #EDE0C8;
    --pos-input-text: #201812;
    --color-bg: #F3E4CA;
    --color-surface: #FFF9EF;
    --color-surface-2: #EDE0C8;
    --color-primary: #C99A4A;
    --color-primary-dark: #3A2418;
    --color-accent: #3A2418;
    --color-text: #201812;
    --color-text-muted: #3A2418;
    --color-border: #B8956A;
    --color-logo-navy: #3A2418;
    --color-danger: #C62828;
    --mc-ink: #F4F1EC;
    --mc-surface: #FFF9EF;
    --mc-header: #3A2418;
    --mc-text: #111111;
    --mc-muted: #4A4A4A;
    --mc-border: #B8956A;
    --mc-button: #C99A4A;
    --mc-button-text: #111111;
    --mc-button-hover: #3A2418;
    --mc-serif: Georgia, "Times New Roman", serif;
    --pm-font-family: Georgia, "Times New Roman", serif;
    --pm-title-transform: none;
    --pm-category-transform: uppercase;
    --pm-product-transform: none;
    --pm-button-transform: uppercase;
    --carta-font-family: Georgia, "Times New Roman", serif;
    --carta-title-transform: none;
    --carta-category-transform: uppercase;
    --carta-product-transform: none;
    --carta-button-transform: uppercase;
    --pm-shell-bg: #EDE0C8;
    --pm-shell-opacity: 1.0000;
    --pm-shell-bg-layer: rgba(237, 224, 200, 1.0000);
    --carta-shell-bg: #EDE0C8;
    --carta-shell-opacity: 100;
    --theme-carta-shell-bg: #EDE0C8;
    --theme-carta-shell-opacity: 100;
    --pm-welcome-blur: 3px;
    --pm-welcome-veil: rgba(0, 0, 0, 0.00);
    --carta-welcome-blur: 3px;
    --carta-welcome-veil: rgba(0, 0, 0, 0.00);
}
body.mesero-page {
    background: var(--pos-bg, var(--theme-bg));
    color: var(--pos-text, var(--theme-text));
}
body.public-menu-page {
    background: var(--carta-bg, var(--pm-bg));
    color: var(--carta-name, var(--pm-text));
}

:root {
    --pm-text-cover-title: #FFFFFF;
    --pm-weight-cover-title: 700;
    --pm-shadow-cover-title: 0 1px 2px rgba(0, 0, 0, 0.55), 0 2px 12px rgba(0, 0, 0, 0.35);
    --pm-text-cover-descriptor: #FFFFFF;
    --pm-weight-cover-descriptor: 700;
    --pm-shadow-cover-descriptor: 0 1px 2px rgba(0, 0, 0, 0.55), 0 2px 12px rgba(0, 0, 0, 0.35);
    --pm-text-cover-welcome: #FFFFFF;
    --pm-weight-cover-welcome: 700;
    --pm-shadow-cover-welcome: 0 1px 2px rgba(0, 0, 0, 0.55), 0 2px 12px rgba(0, 0, 0, 0.35);
    --pm-text-cover-enter: #111111;
    --pm-weight-cover-enter: 700;
    --pm-shadow-cover-enter: 0 1px 2px rgba(255, 255, 255, 0.35), 0 0 10px rgba(255, 255, 255, 0.18);
    --pm-text-header-title: #FFFFFF;
    --pm-weight-header-title: 700;
    --pm-shadow-header-title: 0 1px 2px rgba(0, 0, 0, 0.55), 0 2px 12px rgba(0, 0, 0, 0.35);
    --pm-text-header-descriptor: #FFFFFF;
    --pm-weight-header-descriptor: 400;
    --pm-shadow-header-descriptor: 0 1px 2px rgba(0, 0, 0, 0.55), 0 2px 12px rgba(0, 0, 0, 0.35);
    --pm-text-header-subtitle: #FFFFFF;
    --pm-weight-header-subtitle: 400;
    --pm-shadow-header-subtitle: 0 1px 2px rgba(0, 0, 0, 0.55), 0 2px 12px rgba(0, 0, 0, 0.35);
}
.pm-welcome-name {
    color: var(--pm-text-cover-title, inherit);
    font-weight: var(--pm-weight-cover-title, 700);
    text-shadow: var(--pm-shadow-cover-title, none);
}
.pm-welcome-descriptor {
    color: var(--pm-text-cover-descriptor, inherit);
    font-weight: var(--pm-weight-cover-descriptor, 700);
    text-shadow: var(--pm-shadow-cover-descriptor, none);
}
.pm-welcome-tagline {
    color: var(--pm-text-cover-welcome, inherit);
    font-weight: var(--pm-weight-cover-welcome, 500);
    text-shadow: var(--pm-shadow-cover-welcome, none);
}
.pm-welcome-enter {
    font-weight: var(--pm-weight-cover-enter, 700);
}
.pm-welcome-enter[data-text-style-color="1"] {
    color: var(--pm-text-cover-enter, var(--pm-button-text));
}
.pm-title {
    color: var(--pm-text-header-title, var(--pm-header-text, inherit));
    font-weight: var(--pm-weight-header-title, 700);
    text-shadow: var(--pm-shadow-header-title, none);
}
.pm-header-descriptor {
    color: var(--pm-text-header-descriptor, var(--pm-header-text, inherit));
    font-weight: var(--pm-weight-header-descriptor, 400);
    text-shadow: var(--pm-shadow-header-descriptor, none);
}
.pm-subtitle {
    color: var(--pm-text-header-subtitle, var(--pm-header-text, inherit));
    font-weight: var(--pm-weight-header-subtitle, 400);
    text-shadow: var(--pm-shadow-header-subtitle, none);
}