/* Profession theme overrides */

body.theme-lawyer {
  --color-bg: #0c1219;
  --color-surface: #141e2b;
  --color-surface-alt: #1c2a3d;
  --color-accent: #c9a227;
  --color-accent-hover: #dbb84a;
  --color-accent-text: #1a1408;
  --font-serif: "Cormorant Garamond", Georgia, serif;
}

body.theme-electrician {
  --color-bg: #0a0f1a;
  --color-surface: #111827;
  --color-surface-alt: #1a2332;
  --color-accent: #f59e0b;
  --color-accent-hover: #fbbf24;
  --color-accent-text: #1a1208;
  --font-serif: "DM Serif Display", Georgia, serif;
}

body.theme-plumber {
  --color-bg: #0b1218;
  --color-surface: #12202b;
  --color-surface-alt: #1a2d3d;
  --color-accent: #22d3ee;
  --color-accent-hover: #67e8f9;
  --color-accent-text: #042f2e;
  --font-serif: "Fraunces", Georgia, serif;
}

body.theme-accountant {
  --color-bg: #0d1110;
  --color-surface: #141c19;
  --color-surface-alt: #1c2924;
  --color-accent: #34d399;
  --color-accent-hover: #6ee7b7;
  --color-accent-text: #052e1a;
  --font-serif: "Libre Baskerville", Georgia, serif;
}

body.theme-psychologist {
  --color-bg: #100d14;
  --color-surface: #1a1520;
  --color-surface-alt: #261f30;
  --color-accent: #c084fc;
  --color-accent-hover: #d8b4fe;
  --color-accent-text: #1a0b2e;
  --font-serif: "Lora", Georgia, serif;
}

body[class*="theme-"] .site-header {
  background: color-mix(in srgb, var(--color-bg) 88%, transparent);
}

body[class*="theme-"] .service-card:hover {
  border-color: color-mix(in srgb, var(--color-accent) 35%, transparent);
}

body[class*="theme-"] .hero {
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--color-bg) 94%, transparent), color-mix(in srgb, var(--color-surface) 82%, transparent)),
    url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Ccircle cx='30' cy='30' r='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

body[class*="theme-"] .hero-overlay {
  background: radial-gradient(ellipse at 30% 30%, color-mix(in srgb, var(--color-accent) 12%, transparent), transparent 55%);
}

.demo-banner {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 200;
  padding: 0.65rem 1rem;
  background: rgba(15, 23, 42, 0.95);
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  text-align: center;
  font-size: 0.85rem;
  color: #94a3b8;
}

.demo-banner a {
  color: #38bdf8;
  font-weight: 600;
}