/* Air Cadet Ground School — aviation theme overlay. Overrides the colour tokens defined in
 * style.css :root (loaded before this file) without touching the shared layout.
 * Palette: deep night-sky navy background, confident sky-blue primary, warm runway-amber accent. */
:root {
  --bg: #0a1626;
  --bg-elev: #0f2036;
  --bg-card: #122740;
  --bg-card-2: #17314f;
  --border: #24405f;
  --text: #eef4fb;
  --text-dim: #a9bed4;
  --text-mute: #6f88a4;
  --primary: #3b82f6;
  --primary-2: #1e5fbf;
  --accent: #fb923c;
  --good: #10b981;
  --warn: #f59e0b;
  --bad: #ef4444;
  --gold: #fbbf24;
  --shadow: 0 8px 24px rgba(0,0,0,.55);
}
/* The topbar/bottomnav backgrounds are hard-coded in style.css; re-tint to the aviation palette. */
.topbar { background: linear-gradient(180deg, #0f2036, #0a1626); }
.bottomnav { background: #0f2036; }

/* Photographic lesson heroes (F1/G-001): ACGS screens put an image PATH in the hero field, which
 * the engine renders as <img class="screen-hero-img"> when it detects a path (emoji heroes still
 * render as text). Give it hero prominence, mirroring the .screen-photo image treatment. Only this
 * (aviation) edition ships path heroes, so the rule lives in the gs theme overlay — cadet/cq keep
 * App/theme.css untouched and their emoji .screen-hero rendering byte-identical. */
.screen-hero-img {
  display: block; width: 100%; height: auto; max-height: 260px; object-fit: cover;
  border-radius: var(--radius-sm); border: 1px solid var(--border); margin: 6px 0 12px;
}