:root, html[data-theme="light"], body[data-theme="light"] {
    --theme-bg: #F4EFE8;
    --theme-surface: #FFFFFF;
    --theme-header: #303F44;
    --theme-category: #E8D7C8;
    --theme-category-active: #D75A11;
    --theme-category-active-text: #111111;
    --theme-button: #D75A11;
    --theme-button-text: #111111;
    --theme-button-hover: #E86A18;
    --theme-button-hover-text: #111111;
    --theme-button-active: #E86A18;
    --theme-button-active-text: #111111;
    --theme-button-secondary: #E8D7C8;
    --theme-button-secondary-text: #111111;
    --theme-button-secondary-hover: #E8C9B8;
    --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: #252525;
    --theme-text-muted: #5F625F;
    --theme-text-price: #303F44;
    --theme-accent: #D75A11;
    --theme-badge: #3D4B4C;
    --theme-border: #C9B8AA;
    --theme-success: #2E7D32;
    --theme-warning: #ED6C02;
    --theme-error: #C62828;
    --theme-info: #0277BD;
    --theme-card: #FFFFFF;
    --pm-bg: #3D4B4C;
    --pm-surface: #303F44;
    --pm-text: #FFFFFF;
    --pm-muted: #D6D6D6;
    --pm-accent: #FFF9F4;
    --pm-border: #C9B8AA;
    --pm-beige: #303F44;
    --pm-beige-deep: #E8D7C8;
    --pm-divider: #D75A11;
    --pm-header-bg: #303F44;
    --pm-footer-bg: #303F44;
    --pm-category-active: #D75A11;
    --pm-category-active-text: #111111;
    --pm-button: #D75A11;
    --pm-button-text: #111111;
    --pm-badge: #D75A11;
    --carta-bg: #3D4B4C;
    --carta-header: #303F44;
    --carta-footer: #303F44;
    --carta-category: #303F44;
    --carta-category-active: #D75A11;
    --carta-category-active-text: #111111;
    --carta-card: #303F44;
    --carta-card-border: #C9B8AA;
    --carta-name: #FFFFFF;
    --carta-desc: #D6D6D6;
    --carta-price: #FFF9F4;
    --carta-button: #D75A11;
    --carta-button-text: #111111;
    --carta-badge: #D75A11;
    --theme-carta-bg: #3D4B4C;
    --theme-carta-header: #303F44;
    --theme-carta-footer: #303F44;
    --theme-carta-category: #303F44;
    --theme-carta-category-active: #D75A11;
    --theme-carta-category-active-text: #111111;
    --theme-carta-card: #303F44;
    --theme-carta-card-border: #C9B8AA;
    --theme-carta-name: #FFFFFF;
    --theme-carta-desc: #D6D6D6;
    --theme-carta-price: #FFF9F4;
    --theme-carta-button: #D75A11;
    --theme-carta-button-text: #111111;
    --theme-carta-badge: #D75A11;
    --pos-bg: #F4EFE8;
    --pos-header: #303F44;
    --pos-text: #252525;
    --pos-text-muted: #5F625F;
    --pos-tab: #3D4B4C;
    --pos-tab-text: #FFFFFF;
    --pos-tab-active: #D75A11;
    --pos-tab-active-text: #111111;
    --pos-category: #E8D7C8;
    --pos-category-active: #D75A11;
    --pos-category-active-text: #111111;
    --pos-card: #FFFFFF;
    --pos-card-border: #C9B8AA;
    --pos-card-text: #111111;
    --pos-card-price: #303F44;
    --pos-cart-bg: #FFFFFF;
    --pos-total: #111111;
    --pos-button: #D75A11;
    --pos-button-text: #111111;
    --pos-button-secondary: #E8D7C8;
    --pos-button-secondary-text: #111111;
    --pos-badge: #3D4B4C;
    --pos-oo-bubble: #D75A11;
    --pos-oo-bubble-text: #111111;
    --pos-input-bg: #303F44;
    --pos-input-text: #FFFFFF;
    --color-bg: #F4EFE8;
    --color-surface: #FFFFFF;
    --color-surface-2: #E8D7C8;
    --color-primary: #D75A11;
    --color-primary-dark: #303F44;
    --color-accent: #303F44;
    --color-text: #252525;
    --color-text-muted: #5F625F;
    --color-border: #C9B8AA;
    --color-logo-navy: #303F44;
    --color-danger: #C62828;
    --melc-petrol: #3D4B4C;
    --melc-petrol-dark: #303F44;
    --melc-orange: #D75A11;
    --melc-orange-hover: #E86A18;
    --melc-salmon: #DEBAA4;
    --melc-salmon-light: #E8C9B8;
    --melc-cream: #F5EEE7;
    --melc-warm: #FFF9F4;
    --melc-carbon: #252629;
    --pm-font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    --pm-title-transform: none;
    --pm-category-transform: none;
    --pm-product-transform: none;
    --pm-button-transform: none;
    --carta-font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    --carta-title-transform: none;
    --carta-category-transform: none;
    --carta-product-transform: none;
    --carta-button-transform: none;
    --pm-shell-bg: #FFFFFF;
    --pm-shell-opacity: 0.1300;
    --pm-shell-bg-layer: rgba(255, 255, 255, 0.1300);
    --carta-shell-bg: #FFFFFF;
    --carta-shell-opacity: 13;
    --theme-carta-shell-bg: #FFFFFF;
    --theme-carta-shell-opacity: 13;
    --pm-welcome-blur: 0px;
    --pm-welcome-veil: rgba(0, 0, 0, 0.00);
    --carta-welcome-blur: 0px;
    --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: 400;
    --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: 400;
    --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: 400;
    --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: 400;
    --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: 400;
    --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);
}