/* Shared In Embroidery Studio theme — main + digitizers + portals */
:root {
  --bg: #0a0a0a;
  --bg-hero: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 100%);
  --surface: #1a1a1a;
  --surface-border: rgba(255,255,255,.1);
  --text: #f4f4f4;
  --text-muted: #9ca3af;
  --header-bg: #0a0a0a;
  --header-border: rgba(255,255,255,.1);
  --logo-filter: none;
  --nav-color: #9ca3af;
  --hero-title: #D4AF37;
  --hero-sub: #9ca3af;
  --gold: #D4AF37;
  --red: #e60000;
}
html.theme-light {
  --bg: #f7f7f7;
  --bg-hero: linear-gradient(135deg, #ffffff 0%, #f0f0f0 100%);
  --surface: #ffffff;
  --surface-border: #e5e5e5;
  --text: #1a1a1a;
  --text-muted: #666;
  --header-bg: #e60000;
  --header-border: #b30000;
  --nav-color: rgba(255,255,255,.92);
  --hero-title: #b30000;
  --hero-sub: #555;
}
body {
  font-family: 'Poppins', sans-serif;
  background: var(--bg);
  color: var(--text);
  transition: background .25s, color .25s;
}
#site-header {
  background: var(--header-bg);
  border-bottom: 1px solid var(--header-border);
}
#site-logo { filter: var(--logo-filter); height: 2.25rem; width: auto; }
.nav-link { color: var(--nav-color); text-decoration: none; }
.nav-link:hover { color: #fff; }
html.theme-light .nav-link:hover { color: #fff; }
html.theme-light .studio-label { color: #fff !important; }
html.theme-dark .studio-label { color: #D4AF37; }
.nav-link-active { color: #fff !important; }
html.theme-dark .nav-link-active { color: #D4AF37 !important; }
html.theme-light .nav-link-active { color: #fff !important; font-weight: 800; }

.surface-card {
  background: var(--surface);
  border: 1px solid var(--surface-border);
  transition: background .25s, border-color .25s;
}
html.theme-light .surface-card { box-shadow: 0 4px 24px rgba(0,0,0,.06); }
.hero-section {
  background: var(--bg-hero);
  border-bottom: 1px solid var(--surface-border);
  position: relative;
  overflow: hidden;
}
.hero-title { color: var(--hero-title); }
.hero-sub { color: var(--hero-sub); }
.hero-badge {
  background: rgba(230,0,0,.12);
  color: #e60000;
  border: 1px solid rgba(230,0,0,.25);
}
html.theme-light .hero-badge {
  background: rgba(255,255,255,.15);
  color: #fff;
  border-color: rgba(255,255,255,.35);
}
.text-muted-theme { color: var(--text-muted); }
.btn-red {
  background: #e60000; color: #fff; font-weight: 800;
  border-bottom: 4px solid #b30000; transition: all .25s;
  text-decoration: none;
  display: inline-block;
}
.btn-red:hover { background: #cc0000; transform: translateY(2px); border-bottom-width: 2px; box-shadow: 0 10px 25px -5px rgba(230,0,0,.5); }
html.theme-light .btn-theme-toggle {
  background: rgba(255,255,255,.2); color: #fff;
  border: 1px solid rgba(255,255,255,.35);
}
html.theme-dark .btn-theme-toggle {
  background: rgba(255,255,255,.08); color: #ccc;
  border: 1px solid rgba(255,255,255,.15);
}
.site-footer {
  border-top: 1px solid var(--surface-border);
  color: var(--text-muted);
}