:root {
  --tema-accent: #d4af37;
  --tema-accent-strong: #f0ca52;
  --tema-accent-soft: rgba(212, 175, 55, 0.07);
  --tema-accent-shadow: rgba(212, 175, 55, 0.14);
  --tema-bg: #121212;
  --tema-bg-deep: #090909;
  --tema-panel: #1b1b1b;
  --tema-panel-soft: #222;
  --tema-border: rgba(212, 175, 55, 0.18);
  --tema-text: #fff;
  --tema-muted: #cfcfcf;
  --tema-button-bg: var(--tema-accent);
  --tema-button-hover: var(--tema-accent-strong);
  --tema-button-text: #080808;
  --tema-chip-bg: var(--tema-accent-soft);
  --tema-chip-text: var(--tema-accent-strong);
  --tema-radius: 14px;
  --tema-radius-sm: 8px;
  --tema-button-radius: 8px;
  --tema-card-border-left: 2px solid var(--tema-accent);
  --tema-focus-ring: 0 0 0 3px var(--tema-accent-shadow);
  --tema-shadow: 0 14px 34px rgba(0, 0, 0, 0.26);
  --tema-detail-line: linear-gradient(90deg, var(--tema-accent), transparent);
  --tema-title-font: inherit;
  --tema-title-transform: none;
  --tema-letter-spacing: 0;
  --tema-success: #22c55e;
  --tema-warning: #f59e0b;
  --tema-danger: #ef4444;
  --tema-info: #38bdf8;
  --tema-scrollbar-track: var(--tema-bg-deep);
  --tema-scrollbar-thumb: var(--tema-accent);
  --tema-scrollbar-thumb-hover: var(--tema-accent-strong);
}

body.tema-site,
body.tema-site.template-classico {
  --tema-accent: #d4af37;
  --tema-accent-strong: #f0ca52;
  --tema-accent-soft: rgba(212, 175, 55, 0.07);
  --tema-accent-shadow: rgba(212, 175, 55, 0.14);
  --tema-bg: #121212;
  --tema-bg-deep: #090909;
  --tema-panel: #1b1b1b;
  --tema-panel-soft: #222;
  --tema-border: rgba(212, 175, 55, 0.18);
  --tema-text: #fff;
  --tema-muted: #cfcfcf;
  --tema-button-bg: #d4af37;
  --tema-button-hover: #f0ca52;
  --tema-button-text: #080808;
  --tema-chip-bg: rgba(212, 175, 55, 0.08);
  --tema-chip-text: #f0ca52;
  --tema-radius: 14px;
  --tema-radius-sm: 8px;
  --tema-button-radius: 8px;
  --tema-card-border-left: 2px solid var(--tema-accent);
  --tema-detail-line: linear-gradient(90deg, var(--tema-accent), transparent);
}

body.tema-editorial,
body.template-editorial {
  --tema-accent: #a87555;
  --tema-accent-strong: #d8b79d;
  --tema-accent-soft: rgba(216, 183, 157, 0.08);
  --tema-accent-shadow: rgba(168, 117, 85, 0.14);
  --tema-bg: #241915;
  --tema-bg-deep: #140d0b;
  --tema-panel: #33241f;
  --tema-panel-soft: #3b2c26;
  --tema-border: rgba(216, 183, 157, 0.2);
  --tema-text: #fff8f0;
  --tema-muted: #d6c2b0;
  --tema-button-bg: #a87555;
  --tema-button-hover: #bd8765;
  --tema-button-text: #fff8f0;
  --tema-chip-bg: rgba(216, 183, 157, 0.08);
  --tema-chip-text: #d9b08c;
  --tema-radius: 6px;
  --tema-radius-sm: 4px;
  --tema-button-radius: 0;
  --tema-card-border-left: 1px solid var(--tema-border);
  --tema-shadow: 0 14px 30px rgba(0, 0, 0, 0.22);
  --tema-detail-line: linear-gradient(90deg, transparent, var(--tema-accent-strong), transparent);
  --tema-title-font: Georgia, "Times New Roman", serif;
}

body.tema-compacto,
body.template-compacto {
  --tema-accent: #5eead4;
  --tema-accent-strong: #99f6e4;
  --tema-accent-soft: rgba(94, 234, 212, 0.08);
  --tema-accent-shadow: rgba(45, 212, 191, 0.12);
  --tema-bg: #101417;
  --tema-bg-deep: #070a0c;
  --tema-panel: #171d21;
  --tema-panel-soft: #1f282d;
  --tema-border: rgba(94, 234, 212, 0.18);
  --tema-text: #f6fbfc;
  --tema-muted: #a8b8c0;
  --tema-button-bg: #2dd4bf;
  --tema-button-hover: #14b8a6;
  --tema-button-text: #06110f;
  --tema-chip-bg: rgba(94, 234, 212, 0.08);
  --tema-chip-text: #99f6e4;
  --tema-radius: 8px;
  --tema-radius-sm: 6px;
  --tema-button-radius: 7px;
  --tema-card-border-left: 2px solid var(--tema-accent);
  --tema-shadow: 0 12px 28px rgba(0, 0, 0, 0.22);
  --tema-detail-line: linear-gradient(90deg, var(--tema-accent) 0 28px, transparent 28px);
}

body.tema-urbano,
body.template-urbano {
  --tema-accent: #5b82c7;
  --tema-accent-strong: #a5b4fc;
  --tema-accent-soft: rgba(91, 130, 199, 0.08);
  --tema-accent-shadow: rgba(91, 130, 199, 0.14);
  --tema-bg: #111827;
  --tema-bg-deep: #070b14;
  --tema-panel: #1b2433;
  --tema-panel-soft: #242f42;
  --tema-border: rgba(165, 180, 252, 0.18);
  --tema-text: #f8fafc;
  --tema-muted: #cbd5e1;
  --tema-button-bg: #5b82c7;
  --tema-button-hover: #4d73b5;
  --tema-button-text: #fff;
  --tema-chip-bg: rgba(165, 180, 252, 0.08);
  --tema-chip-text: #c4b5fd;
  --tema-radius: 4px;
  --tema-radius-sm: 3px;
  --tema-button-radius: 3px;
  --tema-card-border-left: 2px solid var(--tema-accent);
  --tema-shadow: 0 12px 28px rgba(0, 0, 0, 0.24);
  --tema-detail-line: linear-gradient(90deg, var(--tema-accent), transparent);
  --tema-title-transform: none;
  --tema-letter-spacing: 0.01em;
}

body.tema-luxo,
body.template-luxo {
  --tema-accent: #d8a7b1;
  --tema-accent-strong: #f3ced6;
  --tema-accent-soft: rgba(216, 167, 177, 0.09);
  --tema-accent-shadow: rgba(183, 110, 121, 0.16);
  --tema-bg: #171214;
  --tema-bg-deep: #0b0809;
  --tema-panel: #24191d;
  --tema-panel-soft: #2f2026;
  --tema-border: rgba(216, 167, 177, 0.22);
  --tema-text: #fff7f9;
  --tema-muted: #d8b9c0;
  --tema-button-bg: #b76e79;
  --tema-button-hover: #a65f6a;
  --tema-button-text: #fff;
  --tema-chip-bg: rgba(216, 167, 177, 0.09);
  --tema-chip-text: #f3ced6;
  --tema-radius: 18px;
  --tema-radius-sm: 14px;
  --tema-button-radius: 999px;
  --tema-card-border-left: 1px solid var(--tema-border);
  --tema-shadow: 0 16px 40px rgba(0, 0, 0, 0.24);
  --tema-detail-line: linear-gradient(90deg, transparent, var(--tema-accent), var(--tema-accent-strong), transparent);
  --tema-title-font: Georgia, "Times New Roman", serif;
}

body.tema-site {
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--tema-bg) 96%, #000), var(--tema-bg-deep)) !important;
  color: var(--tema-text) !important;
  scrollbar-color: var(--tema-scrollbar-thumb) var(--tema-scrollbar-track);
  scrollbar-width: thin;
}

body.tema-site *,
body.tema-site *::before,
body.tema-site *::after {
  scrollbar-color: var(--tema-scrollbar-thumb) var(--tema-scrollbar-track);
}

body.tema-site *::selection {
  background: var(--tema-accent);
  color: var(--tema-button-text);
}

body.tema-site *::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

body.tema-site *::-webkit-scrollbar-track {
  background: var(--tema-scrollbar-track) !important;
  border-radius: var(--tema-radius-sm);
}

body.tema-site *::-webkit-scrollbar-thumb {
  background: var(--tema-scrollbar-thumb) !important;
  border-radius: var(--tema-radius-sm);
}

body.tema-site *::-webkit-scrollbar-thumb:hover {
  background: var(--tema-scrollbar-thumb-hover) !important;
}

body.tema-site::before {
  background-image: var(--tema-bg-image) !important;
}

body.tema-site :where(
  .header,
  .sidebar,
  .topbar,
  .admin-header,
  .dashboard-header,
  .sales-header,
  .footer,
  .sales-footer
) {
  background: color-mix(in srgb, var(--tema-bg) 94%, #000) !important;
  border-color: var(--tema-border) !important;
  color: var(--tema-text) !important;
}

body.tema-site .header {
  border-bottom: 1px solid var(--tema-border) !important;
}

body.tema-site .sidebar {
  border-right: 1px solid var(--tema-border) !important;
}

body.tema-site :where(main, .main, .content, .admin-content, .dashboard-content, .recepcao-layout) {
  color: var(--tema-text) !important;
}

body.tema-site :where(
  .logo,
  .brand-logo,
  h1,
  h2,
  h3,
  h4,
  label,
  strong,
  .campo-form span,
  .input-group label,
  .section-label,
  .template-selo,
  .top-area h1,
  .section-header h2,
  .personalizacao-card-header h3,
  .login-card h1,
  .card h1,
  .card h2,
  .plano-atual-box strong,
  #perfilPlanoAtual,
  .plano-resumo-card strong,
  .cliente-stat strong,
  .mensalidade-site-preco,
  .valor-item span,
  .template-fit-hint strong
) {
  color: color-mix(in srgb, var(--tema-accent-strong) 78%, var(--tema-text)) !important;
}

body.tema-site :where(h1, h2, h3, .section-header h2, .top-area h1, .login-card h1) {
  font-family: var(--tema-title-font) !important;
  letter-spacing: var(--tema-letter-spacing) !important;
  text-transform: var(--tema-title-transform) !important;
}

body.tema-site :where(
  p,
  small,
  span,
  li,
  .info,
  .reset-copy,
  .team-subtitle,
  .card p,
  .login-card .info,
  .personalizacao-card-header p,
  .top-area p,
  .section-header p
) {
  color: inherit;
}

body.tema-site :where(
  .card,
  .login-card,
  .personalizacao-card,
  .weekly-section,
  .cliente-card,
  .agendamento-card,
  .agendamento-resumo-card,
  .barbeiro-card,
  .relatorio-card,
  .servico-card,
  .plan-card,
  .plano-resumo-card,
  .barbearia-card,
  .pagamento-card,
  .operacao-card,
  .recepcao-card,
  .recepcao-status,
  .cliente-stat,
  .mensalidade-site-card,
  .mensalidades-section,
  .plano-atual-box,
  .plano-aviso,
  .perfil-assinatura-box,
  .perfil-recursos-box,
  .site-link-box,
  .template-fit-hint,
  .template-option,
  .dev-feedback,
  .dashboard-feedback,
  .login-feedback,
  .consulta-resultado,
  .resumo,
  .empty-state,
  .modal-content,
  .modal-conteudo,
  .contexto-modal-conteudo,
  .popup,
  .bloqueio-item,
  .upload-control,
  .upload-drop,
  .barbearia-lista-card,
  .financeiro-card,
  .operacao-resumo,
  .table-wrap
) {
  background: color-mix(in srgb, var(--tema-panel) 94%, #000) !important;
  border-color: var(--tema-border) !important;
  border-radius: var(--tema-radius) !important;
  box-shadow: var(--tema-shadow) !important;
  color: var(--tema-text) !important;
}

body.tema-site :where(
  .card,
  .login-card,
  .personalizacao-card,
  .weekly-section,
  .cliente-card,
  .agendamento-card,
  .agendamento-resumo-card,
  .barbeiro-card,
  .relatorio-card,
  .plano-atual-box,
  .plano-aviso,
  .perfil-assinatura-box,
  .perfil-recursos-box,
  .site-link-box,
  .plano-resumo-card,
  .barbearia-card,
  .pagamento-card,
  .operacao-card,
  .recepcao-card,
  .cliente-stat,
  .dev-feedback
) {
  border-left: var(--tema-card-border-left) !important;
  overflow: hidden;
  position: relative;
}

body.tema-site :where(
  .card,
  .login-card,
  .personalizacao-card,
  .weekly-section,
  .cliente-card,
  .agendamento-card,
  .agendamento-resumo-card,
  .barbeiro-card,
  .relatorio-card,
  .plano-atual-box,
  .plano-aviso,
  .perfil-assinatura-box,
  .perfil-recursos-box,
  .site-link-box,
  .recepcao-card,
  .cliente-stat
)::before {
  background: var(--tema-detail-line) !important;
  content: "";
  height: 1px;
  inset: 0 0 auto;
  opacity: 0.45;
  pointer-events: none;
  position: absolute;
}

body.tema-site :where(
  input,
  select,
  textarea,
  .fc .fc-scrollgrid,
  .fc .fc-daygrid-day,
  table,
  th,
  td
) {
  background: color-mix(in srgb, var(--tema-panel-soft) 88%, #000) !important;
  border-color: var(--tema-border) !important;
  color: var(--tema-text) !important;
}

body.tema-site :where(input, select, textarea) {
  border-radius: var(--tema-radius-sm) !important;
  caret-color: var(--tema-accent-strong);
}

body.tema-site :where(input::placeholder, textarea::placeholder) {
  color: color-mix(in srgb, var(--tema-muted) 76%, transparent) !important;
}

body.tema-site :where(input:focus, select:focus, textarea:focus) {
  border-color: var(--tema-accent) !important;
  box-shadow: var(--tema-focus-ring) !important;
  outline: none !important;
}

body.tema-site :where(input[type="checkbox"], input[type="radio"]) {
  accent-color: var(--tema-accent) !important;
}

body.tema-site :where(
  button,
  input[type="button"],
  input[type="submit"],
  input[type="reset"],
  a[class*="-btn"],
  a[class*="btn"],
  .confirmar,
  .acao-secundaria,
  .link-action,
  .menu-toggle,
  .logout-btn,
  .header-logout,
  .sidebar-logout,
  .preview-site-btn,
  .upload-drop,
  .remove-image-btn,
  .edit-btn,
  .delete-btn,
  .success-btn,
  .salvar-btn,
  .finalizar-btn,
  .cancelar-agendamento,
  .recepcao-btn-primary,
  .recepcao-btn-danger,
  .recepcao-btn-dark,
  .contexto-btn,
  .copy-btn,
  .danger-btn,
  .fc-button,
  .fc .fc-button-primary
) {
  align-items: center;
  background: color-mix(in srgb, var(--tema-panel-soft) 88%, #000) !important;
  border: 1px solid var(--tema-border) !important;
  border-radius: var(--tema-button-radius) !important;
  box-shadow: none !important;
  color: var(--tema-accent-strong) !important;
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  min-height: 38px;
  outline-color: var(--tema-accent) !important;
  text-decoration: none !important;
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

body.tema-site :where(
  button:hover,
  input[type="button"]:hover,
  input[type="submit"]:hover,
  input[type="reset"]:hover,
  a[class*="-btn"]:hover,
  a[class*="btn"]:hover,
  .confirmar:hover,
  .acao-secundaria:hover,
  .link-action:hover,
  .menu-toggle:hover,
  .preview-site-btn:hover,
  .upload-drop:hover,
  .remove-image-btn:hover,
  .edit-btn:hover,
  .success-btn:hover,
  .salvar-btn:hover,
  .finalizar-btn:hover,
  .recepcao-btn-primary:hover,
  .contexto-btn:hover,
  .copy-btn:hover,
  .fc-button:hover,
  .fc .fc-button-primary:hover
) {
  background: var(--tema-button-bg) !important;
  border-color: var(--tema-button-bg) !important;
  box-shadow: 0 8px 18px var(--tema-accent-shadow) !important;
  color: var(--tema-button-text) !important;
  transform: translateY(-1px);
}

body.tema-site :where(
  button[type="submit"],
  input[type="submit"],
  .confirmar,
  .success-btn,
  .salvar-btn,
  .finalizar-btn,
  .recepcao-btn-primary,
  .login-btn:hover,
  .hero-btn,
  .tabela-btn,
  .fc .fc-button-primary:not(:disabled).fc-button-active
) {
  background: var(--tema-button-bg) !important;
  border-color: var(--tema-button-bg) !important;
  color: var(--tema-button-text) !important;
}

body.tema-site :where(
  button:disabled,
  .fc-button:disabled,
  .plan-btn:disabled,
  input:disabled,
  select:disabled,
  textarea:disabled
) {
  background: color-mix(in srgb, var(--tema-panel-soft) 72%, #000) !important;
  border-color: var(--tema-border) !important;
  box-shadow: none !important;
  color: var(--tema-muted) !important;
  cursor: not-allowed !important;
  opacity: 0.52 !important;
  transform: none !important;
}

body.tema-site :where(
  .delete-btn,
  .cancel-btn,
  .cancelar-agendamento,
  .danger-btn,
  .recepcao-btn-danger,
  .logout-btn,
  .header-logout,
  .sidebar-logout
) {
  background: color-mix(in srgb, var(--tema-danger) 13%, transparent) !important;
  border-color: color-mix(in srgb, var(--tema-danger) 58%, var(--tema-border)) !important;
  color: color-mix(in srgb, var(--tema-danger) 86%, #fff) !important;
}

body.tema-site :where(
  .delete-btn:hover,
  .cancel-btn:hover,
  .cancelar-agendamento:hover,
  .danger-btn:hover,
  .recepcao-btn-danger:hover,
  .logout-btn:hover,
  .header-logout:hover,
  .sidebar-logout:hover
) {
  background: var(--tema-danger) !important;
  border-color: var(--tema-danger) !important;
  color: #fff !important;
}

body.tema-site :where(
  .navbar a,
  .navbar button,
  .sidebar nav button,
  .sidebar nav a,
  .tab-btn,
  .nav-btn
) {
  border-radius: var(--tema-button-radius) !important;
  color: var(--tema-muted) !important;
}

body.tema-site :where(
  .navbar a:hover,
  .navbar button:hover,
  .sidebar nav button:hover,
  .sidebar nav a:hover,
  .sidebar nav button.active,
  .tab-btn.active,
  .nav-btn.active
) {
  background: var(--tema-accent-soft) !important;
  border-color: var(--tema-border) !important;
  color: var(--tema-accent-strong) !important;
}

body.tema-site :where(
  .plano-atual-box span,
  .plano-resumo-card span,
  .plano-pill,
  .pagamento-status,
  .barbearia-status,
  .status-badge,
  .status-pill,
  .perfil-recursos-lista span,
  .mensalidade-card-meta span,
  .operacao-tags span,
  #planoSelecionado,
  #statusPagamento,
  .template-fit-hint,
  .login-feedback,
  .feedback-agendamento,
  .consulta-resultado,
  .resumo,
  .horarios-grid button,
  .horario-btn
) {
  background: var(--tema-chip-bg) !important;
  border: 1px solid var(--tema-border) !important;
  border-radius: var(--tema-button-radius) !important;
  color: var(--tema-chip-text) !important;
}

body.tema-site .horarios-grid button:hover,
body.tema-site .horarios-grid button.active,
body.tema-site .horario-btn.selecionado,
body.tema-site .template-option:hover,
body.tema-site .template-option:has(input:checked) {
  background: var(--tema-button-bg) !important;
  border-color: var(--tema-button-bg) !important;
  box-shadow: 0 8px 18px var(--tema-accent-shadow) !important;
  color: var(--tema-button-text) !important;
}

body.tema-site :where(
  .status-badge.confirmado,
  .status-pill.confirmado,
  .pagamento-status.pago,
  .barbearia-status
) {
  background: color-mix(in srgb, var(--tema-success) 14%, transparent) !important;
  border-color: color-mix(in srgb, var(--tema-success) 45%, transparent) !important;
  color: color-mix(in srgb, var(--tema-success) 82%, #fff) !important;
}

body.tema-site :where(
  .status-badge.cancelado,
  .status-pill.cancelado,
  .pagamento-status.cancelado,
  .barbearia-status.inativa,
  .login-feedback.erro,
  .dashboard-feedback.erro,
  .dev-feedback.erro,
  .admin-toast.erro
) {
  background: color-mix(in srgb, var(--tema-danger) 12%, transparent) !important;
  border-color: color-mix(in srgb, var(--tema-danger) 52%, transparent) !important;
  color: color-mix(in srgb, var(--tema-danger) 84%, #fff) !important;
}

body.tema-site :where(
  .pagamento-status.aguardando_pagamento,
  .pagamento-status.erro_checkout,
  .status-badge.pendente,
  .status-pill.pendente
) {
  background: color-mix(in srgb, var(--tema-warning) 12%, transparent) !important;
  border-color: color-mix(in srgb, var(--tema-warning) 48%, transparent) !important;
  color: color-mix(in srgb, var(--tema-warning) 84%, #fff) !important;
}

body.tema-site :where(
  .status-badge.finalizado,
  .status-pill.finalizado
) {
  background: color-mix(in srgb, var(--tema-info) 12%, transparent) !important;
  border-color: color-mix(in srgb, var(--tema-info) 42%, transparent) !important;
  color: color-mix(in srgb, var(--tema-info) 82%, #fff) !important;
}

body.tema-site :where(
  .login-feedback.sucesso,
  .dashboard-feedback.sucesso,
  .admin-toast.sucesso
) {
  background: color-mix(in srgb, var(--tema-success) 12%, transparent) !important;
  border-color: color-mix(in srgb, var(--tema-success) 52%, transparent) !important;
  color: color-mix(in srgb, var(--tema-success) 84%, #fff) !important;
}

body.tema-site :where(.admin-toast, .empty-state) {
  border-left-color: var(--tema-accent) !important;
}

body.tema-site :where(.upload-preview img, .barbeiro-foto-upload img, .team-card img, .preview-image) {
  border-color: var(--tema-border) !important;
  border-radius: var(--tema-radius) !important;
}

body.tema-site :where(.fc, .fc-theme-standard td, .fc-theme-standard th) {
  border-color: var(--tema-border) !important;
  color: var(--tema-text) !important;
}

body.tema-site .fc .fc-toolbar-title {
  color: var(--tema-accent-strong) !important;
  font-family: var(--tema-title-font) !important;
}

body.tema-site .fc .fc-daygrid-day.fc-day-today {
  background: var(--tema-accent-soft) !important;
}

body.tema-site .fc .fc-event {
  background: var(--tema-button-bg) !important;
  border-color: var(--tema-button-bg) !important;
  border-radius: var(--tema-radius-sm) !important;
  color: var(--tema-button-text) !important;
}

body.tema-editorial :where(button, input[type="submit"], a[class*="-btn"], a[class*="btn"], .fc-button) {
  border-inline: none !important;
  border-top: none !important;
  box-shadow: none !important;
}

body.tema-editorial :where(.card, .login-card, .personalizacao-card, .weekly-section, .cliente-card, .agendamento-card, .barbeiro-card, .relatorio-card) {
  border-top: 1px solid var(--tema-border) !important;
}

body.tema-compacto :where(button, input[type="submit"], a[class*="-btn"], a[class*="btn"], .fc-button) {
  min-height: 36px;
  padding-block: 8px;
}

body.tema-compacto :where(.card, .login-card, .personalizacao-card, .barbeiro-card, .cliente-card, .agendamento-card) {
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.22) !important;
}

body.tema-urbano :where(button, input[type="submit"], a[class*="-btn"], a[class*="btn"], .fc-button) {
  border-width: 2px !important;
  letter-spacing: 0.01em;
  text-transform: none;
}

body.tema-urbano :where(.status-badge, .template-option, input, select, textarea) {
  border-width: 2px !important;
}

body.tema-urbano :where(.plano-pill, .pagamento-status, .status-badge, .status-pill, .perfil-recursos-lista span, .mensalidade-card-meta span, .operacao-tags span) {
  letter-spacing: 0.01em;
  text-transform: none;
}

body.tema-luxo :where(button[type="submit"], input[type="submit"], .confirmar, .success-btn, .salvar-btn, .finalizar-btn, .recepcao-btn-primary) {
  background: var(--tema-button-bg) !important;
}

body.tema-luxo :where(.card, .login-card, .personalizacao-card, .weekly-section, .cliente-card, .agendamento-card, .barbeiro-card, .relatorio-card) {
  border: 1px solid var(--tema-border) !important;
}

@supports not (background: color-mix(in srgb, #000 50%, #fff)) {
  body.tema-site {
    background: var(--tema-bg) !important;
  }

  body.tema-site :where(.header, .sidebar, .card, .login-card, .personalizacao-card, .weekly-section, .cliente-card, .agendamento-card, .barbeiro-card, .relatorio-card) {
    background: var(--tema-panel) !important;
  }
}