/* Os 8 temas da vitrine, na ordem do painel. Todos usam a mesma estrutura; muda só a cor.
   Cada tema também define banner, coração de curtida e etiqueta "Últimas peças",
   ajustados para contraste no próprio fundo. Uso: class="tema-atelie" no contêiner da vitrine. */

.tema-profunda {
  --v-bg: #F2F1EA; --v-card: #FFFFFF; --v-text: #0A0E24; --v-muted: #474A5E; --v-border: #E3E1D6;
  --v-principal: #121A47; --v-onPrincipal: #F4F4EE; --v-acento: #A9C82F; --v-onAcento: #121A47;
  --v-bannerBg: #121A47; --v-bannerText: #F4F4EE; --v-bannerA: #13857A; --v-bannerB: #A9C82F;
  --v-like: #E8555A; --v-warnBg: #F9EEDA; --v-warnText: #8A4A14; --v-tint: #E4E7E1;
}
.tema-basicoClaro {
  --v-bg: #FAF9F6; --v-card: #FFFFFF; --v-text: #2B2B2B; --v-muted: #6B6A66; --v-border: #ECEAE5;
  --v-principal: #2B2B2B; --v-onPrincipal: #FFFFFF; --v-acento: #EFEDE7; --v-onAcento: #2B2B2B;
  --v-bannerBg: #F1EFEA; --v-bannerText: #2B2B2B; --v-bannerA: #E7E4DD; --v-bannerB: #DDD9D0;
  --v-like: #E8555A; --v-warnBg: #F6EEDD; --v-warnText: #6B4A12; --v-tint: #F2F1ED;
}
.tema-basicoEscuro {
  --v-bg: #121212; --v-card: #1C1C1C; --v-text: #F2F2F2; --v-muted: #A3A3A3; --v-border: #2A2A2A;
  --v-principal: #F2F2F2; --v-onPrincipal: #121212; --v-acento: #F2F2F2; --v-onAcento: #121212;
  --v-bannerBg: #1C1C1C; --v-bannerText: #F2F2F2; --v-bannerA: #2A2A2A; --v-bannerB: #3A3A3A;
  --v-like: #FF6B6B; --v-warnBg: #2E2A22; --v-warnText: #E8D3A8; --v-tint: #232323;
}
.tema-atelie {
  --v-bg: #EFE6D8; --v-card: #FBF6EC; --v-text: #2A1C14; --v-muted: #6E5A48; --v-border: #E2D3BC;
  --v-principal: #3B2618; --v-onPrincipal: #F3E3C3; --v-acento: #B8893B; --v-onAcento: #2A1C14;
  --v-bannerBg: #3B2618; --v-bannerText: #F3E3C3; --v-bannerA: #B8893B; --v-bannerB: #6B4A2E;
  --v-like: #C8463F; --v-warnBg: #F1E1C2; --v-warnText: #6A4512; --v-tint: #E6D6BF;
}
.tema-rose {
  --v-bg: #FBF3EF; --v-card: #FFFFFF; --v-text: #4A2E2E; --v-muted: #86655F; --v-border: #F0DFD9;
  --v-principal: #A3545F; --v-onPrincipal: #FFFFFF; --v-acento: #EBC7C3; --v-onAcento: #4A2E2E;
  --v-bannerBg: #EBD3CD; --v-bannerText: #4A2E2E; --v-bannerA: #F5E4DE; --v-bannerB: #D6A4A4;
  --v-like: #C9505C; --v-warnBg: #F7E6D4; --v-warnText: #7A4A2A; --v-tint: #F3DCD6;
}
.tema-navalha {
  --v-bg: #1C1C20; --v-card: #0E0E10; --v-text: #E0B04A; --v-muted: #B9A27A; --v-border: #303036;
  --v-principal: #E0B04A; --v-onPrincipal: #0E0E10; --v-acento: #E0B04A; --v-onAcento: #0E0E10;
  --v-bannerBg: #0E0E10; --v-bannerText: #E0B04A; --v-bannerA: #E0B04A; --v-bannerB: #303036;
  --v-like: #F08A8D; --v-warnBg: #3A2F1A; --v-warnText: #F0CF8A; --v-tint: #18181B;
}
.tema-feira {
  --v-bg: #FFF7EC; --v-card: #FFFFFF; --v-text: #2A1A0E; --v-muted: #6B5340; --v-border: #F1E1C8;
  --v-principal: #C2461A; --v-onPrincipal: #FFFFFF; --v-acento: #FFC93C; --v-onAcento: #2A1A0E;
  --v-bannerBg: #C2461A; --v-bannerText: #FFFFFF; --v-bannerA: #FFC93C; --v-bannerB: #F28C5B;
  --v-like: #E8555A; --v-warnBg: #FFE9C7; --v-warnText: #7A3E0A; --v-tint: #FFE2B8;
}
.tema-neon {
  --v-bg: #0B0B12; --v-card: #15151F; --v-text: #EDEBFF; --v-muted: #A7A3C7; --v-border: #26263A;
  --v-principal: #7C3AED; --v-onPrincipal: #FFFFFF; --v-acento: #39FF88; --v-onAcento: #0B0B12;
  --v-bannerBg: #15151F; --v-bannerText: #EDEBFF; --v-bannerA: #7C3AED; --v-bannerB: #39FF88;
  --v-like: #FF4D6D; --v-warnBg: #3A1530; --v-warnText: #FF8FB0; --v-tint: #1E1A33;
}

/* cantos que a lojista escolhe */
.cantos-reto { --v-r: 4px; }
.cantos-arredondado { --v-r: 16px; }
.cantos-redondo { --v-r: 26px; }