/**
 * Sys Cardapio Flipbook - Painel Cadastro
 * Camada: Tokens
 * Responsabilidade: variaveis globais do painel para cores, raios,
 * espacamentos, fonte, botoes e thumb.
 *
 * Regra:
 * - nao incluir estilos de componentes;
 * - nao incluir layout;
 * - nao duplicar valores em outros arquivos;
 * - nao usar CSS inline.
 */

.sys-cardapio-cadastro {
    --scf-bg: var(--sfv-bg-canvas);
    --scf-shell: var(--sfv-bg-hero);
    --scf-panel: var(--sfv-bg-surface-1);
    --scf-card: var(--sfv-bg-surface-2);
    --scf-card-soft: var(--sfv-bg-surface-3);
    --scf-gold: var(--sfv-accent);
    --scf-gold-2: var(--sfv-accent-hover);
    --scf-gold-dark: var(--sfv-border-strong);
    --scf-text: var(--sfv-text-primary);
    --scf-muted: var(--sfv-text-secondary);
    --scf-border: var(--sfv-border-strong);
    --scf-border-soft: var(--sfv-border-subtle);
    --scf-danger: var(--sfv-danger);
    --scf-success: var(--sfv-success);
    --scf-radius-lg: var(--sfv-radius-lg);
    --scf-radius-md: var(--sfv-radius-md);
    --scf-radius-pill: 999px;
    --scf-shell-radius: var(--sfv-radius-shell);
    --scf-shell-padding: 18px 14px;
    --scf-shell-padding-md: 22px;
    --scf-panel-max-width: 1100px;
    --scf-panel-padding: 10px;
    --scf-panel-padding-md: 18px;
    --scf-shadow-shell: var(--sfv-shadow-lg);
    --scf-btn-h: 40px;
    --scf-btn-px: 18px;
    --scf-btn-font: 15px;
    --scf-btn-weight: var(--sfv-weight-bold);
    --scf-cat-btn-h: 40px;
    --scf-cat-btn-px: 18px;
    --scf-cat-btn-font: 15px;
    --scf-thumb-size: 86px;
}