/* ============ Bergey Wing skin ============
   Loaded after style.css. Deep-space indigo + pulp red,
   re-inking the shared layout vars like the Vallejo skin. */

:root {
  --cream: #141c30;
  --cream-2: #101a2e;
  --ink: #e8e4f5;
  --ink-soft: #b9b3d0;
  --teal: #d9a94f;
  --teal-deep: #6b501e;
  --coral: #e06a50;
  --gold: #d9a94f;
  --shadow: 0 18px 40px rgba(0, 0, 0, 0.55);
}

body {
  background: linear-gradient(180deg, #1b2440 0%, var(--cream) 55%, var(--cream-2) 100%);
  color: var(--ink);
}

::selection { background: var(--coral); color: #14182b; }

#grain { mix-blend-mode: screen; opacity: 0.07; }

.topbar {
  border-bottom: 1px solid rgba(232, 228, 245, 0.18);
  background: rgba(14, 20, 38, 0.85);
}
.topbar a { color: var(--ink); }
.topbar a:hover { color: var(--gold); }

.hero {
  background:
    radial-gradient(ellipse 90% 60% at 50% 115%, rgba(217, 169, 79, 0.20), transparent 65%),
    radial-gradient(ellipse 70% 50% at 85% -10%, rgba(93, 76, 168, 0.25), transparent 60%),
    linear-gradient(180deg, #232c50 0%, var(--cream) 55%, var(--cream-2) 100%);
}
.hero h1 .accent { color: var(--gold); }

.btn-solid {
  background: var(--gold);
  color: #14182b;
  box-shadow: 0 10px 24px rgba(217, 169, 79, 0.30);
}
.btn-solid:hover {
  box-shadow: 0 16px 32px rgba(217, 169, 79, 0.45);
  color: #14182b;
}
.btn-ghost {
  border: 2px solid rgba(232, 228, 245, 0.45);
  color: var(--ink);
}
.btn-ghost:hover { background: var(--ink); color: #14182b; }

.frame-tile {
  background: #0d1226;
  border: 10px solid #232c50;
  outline: 1px solid rgba(217, 169, 79, 0.35);
}
.frame:hover .frame-tile {
  box-shadow: 0 26px 60px rgba(0, 0, 0, 0.65);
}
.frame-row .motion-panel {
  border: 2px solid rgba(217, 169, 79, 0.35);
  background: #0a0f22;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.45);
}

.section-film {
  background:
    radial-gradient(ellipse 60% 80% at 50% 0%, rgba(217, 169, 79, 0.10), transparent 70%),
    linear-gradient(180deg, var(--cream-2), var(--cream));
  border-top: 3px double rgba(232, 228, 245, 0.4);
  border-bottom: 3px double rgba(232, 228, 245, 0.4);
}

/* ---- contrast repairs (house pattern from the Vallejo skin) ---- */

.footer {
  background: #0d1226;
  color: var(--ink);
  border-top: 1px solid rgba(232, 228, 245, 0.14);
}
.footer-note { color: var(--ink-soft); opacity: 0.8; }
.footer-link { color: var(--ink); opacity: 0.85; text-decoration: underline; text-underline-offset: 3px; }
.footer-link:hover { color: var(--gold); opacity: 1; }
.footer .to-top:hover { color: var(--gold); }

.marquee {
  background: rgba(35, 44, 80, 0.92);
  color: #e8e4f5;
  border-top: 3px double rgba(232, 228, 245, 0.4);
  border-bottom: 3px double rgba(232, 228, 245, 0.4);
}
.marquee-track span { color: #e8e4f5; }

.expansion-cta:hover { color: #14182b; }