:root {
    /* Marca: valores multitenant vindos da tabela loja. */
    --brand-primary: #29323b;
    --brand-primary-rgb: 41, 50, 59;
    --brand-on-primary: #ffffff;
    --brand-secondary: #49958b;
    --brand-secondary-rgb: 73, 149, 139;
    --brand-on-secondary: #111111;

    /* Login: nomes semanticos evitam confundir painel, acento e botao. */
    --login-media-bg: #00a859;
    --login-media-image: url("https://arquivo.facilcatalogos.com.br/loja/logomarca1-20260917101635.jpg");
    --login-panel-bg: #1a2028;
    --login-accent: #29323b;
    --login-accent-rgb: 41, 50, 59;
    --login-button-bg: #49958b;
    --login-button-rgb: 73, 149, 139;
    --login-button-color: #111111;

    /* Cores neutras e estados semanticos independentes do tenant. */
    --color-background: #f6f7f7;
    --color-surface: #ffffff;
    --color-surface-subtle: #f8faf9;
    --color-text: #29323b;
    --color-text-soft: #4b5561;
    --color-text-muted: #64748b;
    --color-placeholder: #8f9aa3;
    --color-border: #e5e5e5;
    --color-success: #17805c;
    --color-success-soft: #e4f5ec;
    --color-warning: #a06a00;
    --color-warning-soft: #fdf3e0;
    --color-danger: #b3261e;
    --color-danger-soft: #fdeceb;

    /* Forma e elevacao. */
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 20px;
    --shadow-card: 0 4px 16px rgba(41, 50, 59, .08);
    --shadow-card-hover: 0 10px 28px rgba(41, 50, 59, .14);

    /* Tokens do carrinho, mantidos como aliases durante a migracao. */
    --car-linha: #dce5e1;
    --car-ink: #1d2321;
    --car-ink-2: #5d6a66;
    --car-ink-3: #8b9793;
    --car-fundo: #f4f6f5;
    --car-superficie: var(--color-surface-subtle);
    --car-superficie-2: #f0f5f2;
    --car-ok: var(--color-success);
    --car-ok-soft: var(--color-success-soft);
    --car-alerta: var(--color-warning);
    --car-alerta-soft: var(--color-warning-soft);
    --car-erro: var(--color-danger);
    --car-erro-soft: var(--color-danger-soft);
    --car-raio: 14px;
    --car-sombra: 0 1px 2px rgba(16, 24, 20, .05), 0 12px 28px -18px rgba(16, 24, 20, .25);

    /* Aliases temporarios para folhas ainda em migracao. */
    --cor-primaria: var(--brand-primary);
    --cor-secundaria: var(--brand-secondary);
    --tenant-primary: var(--brand-primary);
    --tenant-primary-rgb: var(--brand-primary-rgb);
    --tenant-secondary: var(--brand-secondary);
    --tenant-secondary-rgb: var(--brand-secondary-rgb);
    --primary-color: var(--brand-primary);
    --bg-light: var(--color-background);
    --slate-400: #94a3b8;
    --slate-600: var(--color-text-muted);
    --border-color: #eff2f7;
    --font-main: 'Quicksand-SemiBold', sans-serif;
    --login-bg: var(--login-panel-bg);
    --login-brand: var(--login-accent);
    --login-brand-rgb: var(--login-accent-rgb);
    --login-brand-light: var(--login-accent);
    --form-teal: var(--brand-secondary);
    --form-teal2: var(--brand-secondary);
    --form-rgb: var(--brand-secondary-rgb);
    --form-card-bg: var(--color-surface);
    --form-input-bg: #f4faf9;
    --form-border: #e4eeec;
    --form-text: #0d2622;
    --form-muted: #6b8c88;
    --form-label-color: #4a6b68;
    --tenant-logo-menu-image: url("https://arquivo.facilcatalogos.com.br/loja/68378e3d0c21d20250528192917-menu.png");
}