.sys-cardapio-publico,
.sys-cardapio-publico-lightbox {
    --sys-cardapio-gold-soft: var(--sfv-accent);
    --sys-cardapio-text: var(--sfv-text-primary);
    --sys-cardapio-muted: var(--sfv-text-muted);
    --sys-cardapio-border: var(--sfv-border-strong);
    --sys-cardapio-font-body: var(--sfv-font-body);
    --sys-cardapio-font-display: var(--sfv-font-display);
    --sys-cardapio-publico-media-radius: 13px;
}

.sys-cardapio-publico {
    --sys-cardapio-publico-background: var(--sfv-bg-canvas);
    --sys-cardapio-publico-shell-background: var(--sfv-bg-hero);
    --sys-cardapio-publico-elevated-background: var(--sfv-bg-elevated);
    --sys-cardapio-publico-depth-background: var(--sfv-bg-surface-1);
    --sys-cardapio-publico-neutral-highlight: var(--sfv-accent-soft);
    --sys-cardapio-publico-width: 1120px;
    --sys-cardapio-publico-shell-radius: 28px;
    --sys-cardapio-publico-perspective: 1800px;
    --sys-cardapio-publico-page-header-height: 58px;
    --sys-cardapio-publico-page-footer-height: 34px;
    --sys-cardapio-publico-page-padding-inline: 16px;
    --sys-cardapio-publico-page-padding-block: 14px;
    --sys-cardapio-publico-cover-ratio: 9 / 16;
    --sys-cardapio-publico-shadow:
        var(--sfv-shadow-lg),
        inset 0 1px 0 var(--sfv-border-subtle);
}