/* HSPingal app theme: metadata. Loaded after the app's own styles. */
:root {
  --bg: var(--c-bg);
  --surface: #191d11;
  --card: #1c2013;
  --card2: #222818;
  --border: rgba(229,239,196,.18);
  --border2: rgba(229,239,196,.18);
  --accent: #c6f135;
  --accent2: #7fa81e;
  --on-accent: #11140b;
  --text: var(--c-fg);
  --text2: var(--c-sub);
  --muted: #8f9a78;
  --success: #c6f135;
  --ok: #c6f135;
  --danger: #ff7847;
  --warn: #ffd166;
  --warning: #ffd166;
  --glow: rgba(198,241,53, .2);
  --app-w: 1040px;
  --app-font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", system-ui, Roboto, sans-serif;
  color-scheme: dark;
}

.app-mast { background: var(--c-bg); }

/* Darkroom: photo-lab black, one safelight green, film-caption details. */
.app-mast { background: radial-gradient(60% 150% at 90% 30%, #222818, var(--c-bg)); }
.drop-zone { border: 1.5px dashed var(--accent) !important; border-radius: 4px !important; background: #171a0e; }
.drop-zone.over { background: #222818; }
.drop-text { color: var(--c-fg); font-size: 1.1rem; }
.privacy-note, .preview-row, .info-card, details.raw, .gps-alert { border-radius: 4px; }
.btn { border-radius: 2px; }
.section-title { color: var(--accent); letter-spacing: .14em; }
.row-val a { color: var(--accent); }
.gps-alert { color: #ffc3ac; background: rgba(255,120,71,.1); border-color: rgba(255,120,71,.4); }
.gps-alert a { color: #ffc3ac; }