/*
 * Stand-Down App — Design System Override
 * Gold/military palette matching burningdownthehouse.co.uk
 * Linked after each page's inline <style> block to cascade.
 */

/* 1. Palette — override steel blue (#3a6186) with gold (#c8a85a) */
:root {
  --accent:     #c8a85a;
  --accent-dim: #7a6035;
  --surface:    #161920;
  --border:     #2a2d32;
  --muted:      #8a8070;
  --text-muted: #8a8070;
}

/* 2. Body — Georgia serif replaces DM Sans */
body {
  font-family: Georgia, 'Times New Roman', serif;
  font-weight: 400;
}

/* 3. Headings — Bebas Neue */
h1,
.header-title h1,
.streak-number,
.timer-seconds,
.price-amount,
.day-counter,
.journal-heading,
.progress-context,
.noticing-prompt,
.log-question,
.noticing-prompt {
  font-family: 'Bebas Neue', sans-serif;
}

/* 4. UI chrome — IBM Plex Mono for labels, buttons, nav */
button,
input,
select,
.btn-ghost,
.btn-timer,
.btn-log,
.btn-journal-save,
.btn-primary,
h2,
.date-line,
.streak-label,
.day-progress,
.seq-day,
.seq-badge,
.section-label,
.field-label,
label,
.price-label,
.price-note,
.progress-markers,
.progress-marker-label,
.timer-label,
.timer-done p,
.loading,
.footer-links a,
.quick-link,
.drawer-title,
.drawer-section-title,
.markers-heading,
.marker-label,
.drawer-count,
.flag-card .flag-title,
.pending-msg,
.secure-note,
.error-msg {
  font-family: 'IBM Plex Mono', monospace;
}

/* 5. Pull-quote / italic prose — keep serif */
.progress-context,
.timer-instruction,
.guarantee-text,
.reality-bridge-text {
  font-family: Georgia, 'Times New Roman', serif;
}

/* 6. Anchor drawer hardcoded colour fixes */
.anchors-drawer {
  border-top-color: var(--accent);
}

/* 7. PWA install banner border fix */
#pwa-banner {
  border-color: var(--accent);
  border-top-color: var(--accent);
}

/* 8. Splash screen oscilloscope wordmark — no change needed (already #f2efe8) */