/* Theme override — user theme: pure black, #0f0f0f cards, baby blue primary.
   Colors + fonts only; layout untouched. Loaded after site.css. */

body { background: #000000; }

/* Links (defaults for editor-added links) */
a { color: var(--color-accent); }
a:hover { color: var(--color-accent-light); }

/* ---------- Footer ---------- */
.site-footer { background: #000000; }

/* ---------- Nav ---------- */
.nav-bar { background: rgba(15,15,15,.92); border: 1px solid var(--color-border); }
.nav-logo-name { color: #FFFFFF; }
.nav-link { color: #FFFFFF; }
.nav-link .underline { background: var(--color-accent); }
.mobile-menu { border-top-color: var(--color-border); }

/* ---------- Hero glow: orange → blue ---------- */
.hero-glow-arc {
  border-bottom-color: rgba(200, 240, 255, 0.9);
  box-shadow:
    0 20px 50px 2px rgba(143, 218, 250, 0.45),
    0 40px 130px 30px rgba(143, 218, 250, 0.16),
    inset 0 -18px 40px rgba(143, 218, 250, 0.28);
}
.hero-glow-wash {
  background: radial-gradient(ellipse 60% 45% at 70% 0%, rgba(143, 218, 250, 0.09), transparent 65%);
}

/* Portrait: transparent PNG, no scrim */
.strip-scrim {
  background: linear-gradient(to bottom, rgba(0,0,0,.6) 0%, rgba(0,0,0,0) 30%, rgba(0,0,0,0) 60%, rgba(0,0,0,.65) 100%);
}

/* ---------- Cards drawn in site.css ---------- */
.counter-card { background: var(--color-card-bg); border: 1px solid var(--color-card-border); }
.counter-num { color: #FFFFFF; }

/* ---------- Work card body: black surface → neon blue text ---------- */
.work-body { background: #000000; border: 1px solid var(--color-border); border-top: none; }
.work-body .work-title { color: var(--color-accent); }
.work-body .work-desc { color: rgba(255,255,255,.85); }

/* ---------- Forms ---------- */
.form-field textarea { background: var(--color-input-bg); color: #FFFFFF; border-color: var(--color-border); }
.form-field textarea::placeholder { color: var(--color-text-secondary); }
.form-success { color: var(--color-accent); }

/* ---------- Lightbox ---------- */
.lightbox-backdrop { background: rgba(0,0,0,.72); }
.lightbox-panel { background: var(--color-card-bg); border: 1px solid var(--color-card-border); }