:root {
    --cor-fundo: #ffffff;
    --cor-superficie: #ffffff;
    --cor-superficie-alternativa: #f3f6f2;
    --cor-superficie-neutra: #fbfcf8;
    --cor-texto: #202b25;
    --cor-texto-secundario: #68756e;
    --cor-borda: #e1e7e1;
    --cor-borda-secundaria: #d9e1d9;
    --cor-primaria: #286148;
    --cor-primaria-hover: #1d4f39;
    --cor-primaria-contraste: #ffffff;
    --cor-destaque: #d94d36;
    --cor-foco: rgba(40, 97, 72, .12);
}

.tenant-theme-root {
    min-height: 100vh;
    color: var(--cor-texto);
    background-color: var(--cor-fundo);
}

.tenant-startup {
    min-height: 100vh;
    display: grid;
    place-items: center;
    padding: 24px;
    background: var(--cor-fundo);
}

.tenant-startup__panel {
    width: min(100%, 360px);
    display: grid;
    justify-items: center;
    gap: 14px;
    padding: 28px;
    border: 1px solid var(--cor-borda);
    border-radius: 12px;
    background: var(--cor-superficie);
}

.tenant-startup__mark,
.tenant-startup__line {
    display: block;
    background: linear-gradient(90deg, var(--cor-superficie-alternativa) 25%, var(--cor-borda) 50%, var(--cor-superficie-alternativa) 75%);
    background-size: 200% 100%;
    animation: tenant-startup-shimmer 1.4s ease-in-out infinite;
}

.tenant-startup__mark {
    width: 72px;
    height: 72px;
    border-radius: 50%;
}

.tenant-startup__line {
    width: 80%;
    height: 12px;
    border-radius: 6px;
}

.tenant-startup__line--short { width: 52%; }

@keyframes tenant-startup-shimmer {
    to { background-position: -200% 0; }
}

@media (prefers-reduced-motion: reduce) {
    .tenant-startup__mark,
    .tenant-startup__line,
    .home-skeleton {
        animation: none;
    }
}

.tenant-theme-root[data-theme="CleanGreen"] {
    --cor-fundo: #ffffff;
    --cor-superficie: #ffffff;
    --cor-superficie-alternativa: #f3f6f2;
    --cor-superficie-neutra: #fbfcf8;
    --cor-texto: #202b25;
    --cor-texto-secundario: #68756e;
    --cor-borda: #e1e7e1;
    --cor-borda-secundaria: #d9e1d9;
    --cor-primaria: #286148;
    --cor-primaria-hover: #1d4f39;
    --cor-primaria-contraste: #ffffff;
    --cor-destaque: #d94d36;
    --cor-foco: rgba(40, 97, 72, .12);
}

.tenant-theme-root[data-theme="ClassicRed"] {
    --cor-fundo: #fffdfc;
    --cor-superficie: #ffffff;
    --cor-superficie-alternativa: #fff3f0;
    --cor-superficie-neutra: #fffaf8;
    --cor-texto: #302422;
    --cor-texto-secundario: #75615e;
    --cor-borda: #eadbd7;
    --cor-borda-secundaria: #e6d3ce;
    --cor-primaria: #a9342d;
    --cor-primaria-hover: #852923;
    --cor-primaria-contraste: #ffffff;
    --cor-destaque: #286148;
    --cor-foco: rgba(169, 52, 45, .14);
}

.tenant-theme-root[data-theme="ModernDark"] {
    color-scheme: dark;
    --cor-fundo: #111815;
    --cor-superficie: #1a2420;
    --cor-superficie-alternativa: #222e28;
    --cor-superficie-neutra: #1e2923;
    --cor-texto: #f0f5f1;
    --cor-texto-secundario: #b4c2b9;
    --cor-borda: #39483f;
    --cor-borda-secundaria: #344239;
    --cor-primaria: #276f52;
    --cor-primaria-hover: #1d5a42;
    --cor-primaria-contraste: #ffffff;
    --cor-destaque: #ef9b70;
    --cor-foco: rgba(77, 176, 132, .24);
}

.tenant-theme-root[data-theme="ModernDark"] .customer-navigation-header,
.tenant-theme-root[data-theme="ModernDark"] .customer-drawer,
.tenant-theme-root[data-theme="ModernDark"] .cart-panel,
.tenant-theme-root[data-theme="ModernDark"] .cart-panel-header,
.tenant-theme-root[data-theme="ModernDark"] .store-detail-shell,
.tenant-theme-root[data-theme="ModernDark"] .customer-checkout-page {
    color: var(--cor-texto);
    background-color: var(--cor-superficie);
    border-color: var(--cor-borda);
}