/* Platform theme palette from CMS */
:root {
  --primary-color: #7c3aed;
  --secondary-color: #6d28d9;
  --accent-color: #a78bfa;
  --dark-color: #2e1065;
  --light-color: #faf5ff;
  --text-color: #4c1d95;
  --footer-bg: #2e1065;
  --footer-text: #f1f5f9;
  --nav-bg: #faf5ff;
  --nav-text: #4c1d95;
  --nav-background: #faf5ff;
  --logo-width: 260px;
  --logo-height: 260px;
  --logo-radius: 50%;
  --sale-badge-bg: #dc2626;
  --sale-badge-text: #ffffff;
  --table-bg: #ffffff;
  --table-text: #1f2937;
  --table-header-bg: #f1f5f9;
  --table-border: #e5e7eb;
  --list-bg: #ffffff;
  --list-text: #1f2937;
  --list-meta: #64748b;
  --admin-primary: #4c1d95;
  --admin-accent: #2563eb;
  --admin-bg: #f4f6f9;
  --admin-card: #ffffff;
  --admin-text: #1f2937;
  --admin-nav-bg: #4c1d95;
  --admin-nav-text: #ffffff;
}
body {
  font-family: 'Inter', system-ui, sans-serif;
  font-size: 16px;
  color: var(--text-color);
  background-color: #faf5ff;
}
h1, h2, h3, h4, h5, h6, .logo span {
  font-family: 'Inter', system-ui, sans-serif;
}
.navbar {
  background: var(--nav-background) !important;
  color: var(--nav-text);
}
.logo {
  color: var(--nav-text);
}
.navbar .logo img {
  height: clamp(28px, var(--logo-height, 40px), 48px);
  width: auto;
  max-width: 7.5rem;
  object-fit: contain;
  border-radius: var(--logo-radius, 0.5rem);
}
.site-sidenav {
  background: var(--nav-background) !important;
  color: var(--nav-text);
}
.site-sidenav .logo {
  color: var(--nav-text);
}
.site-sidenav .logo img {
  object-fit: contain;
  border-radius: var(--logo-radius, 0.5rem);
}
.site-sidenav.is-expanded .logo img {
  height: clamp(2rem, var(--logo-height, 40px), 3rem);
  width: auto;
  max-width: 9rem;
}
.theme-favicon,
.theme-favicon-preview {
  border-radius: var(--logo-radius, 0.5rem);
  object-fit: contain;
}
.nav-menu a {
  color: var(--nav-text);
}
.nav-menu a:hover,
.nav-menu a.active {
  color: var(--primary-color);
}
.mobile-menu-toggle span {
  background: var(--nav-text);
}
.site-sidenav-links a {
  color: var(--nav-text);
}
.site-sidenav-links a:hover,
.site-sidenav-links a.active {
  color: var(--primary-color);
}
.site-sidenav-toggle {
  color: var(--nav-text);
}
.site-sidenav .hamburger span {
  background: var(--nav-text);
}
.footer {
  background: var(--footer-bg) !important;
  color: var(--footer-text) !important;
}
.footer-section p,
.footer-section ul li a,
.contact-info li {
  color: color-mix(in srgb, var(--footer-text) 85%, transparent);
}
.admin-body {
  background: var(--admin-bg);
  color: var(--admin-text);
}
.admin-sidenav {
  background: var(--admin-nav-bg);
  color: var(--admin-nav-text);
}
.admin-sidenav a {
  color: var(--admin-nav-text);
}
.admin-panel,
.admin-card {
  background: var(--admin-card);
  color: var(--admin-text);
}
.admin-table th,
.admin-table td {
  background: var(--table-bg);
  color: var(--table-text);
  border-color: var(--table-border);
}
.admin-table th {
  background: var(--table-header-bg);
}
.admin-list-card {
  background: var(--list-bg);
  color: var(--list-text);
  border-color: var(--table-border);
}
.admin-list-card-meta {
  color: var(--list-meta);
}