/* ==========================================================================
   Support page — palette override
   This page intentionally uses Trywydd's original brand palette (charcoal
   background, trail gold accent, warm cream text) rather than the real
   app's in-app jade palette that style.css otherwise aliases to elsewhere
   on this site. This matches public/privacy.html, the app's own
   pre-existing static privacy page, which uses these exact values.
   Loaded after style.css on support.html only, so it overrides just the
   alias values everything else in style.css already reads from --color-*.
   ========================================================================== */

:root {
  --color-bg: #0A0A0A;
  --color-card: #1A1512;
  --color-card-border: rgba(232, 221, 200, 0.12);
  --color-accent: #E6A63C;
  --color-highlight: #F0D9A8;
  --color-text: #E8DDC8;
  --color-text-muted: #8A8074;
}

/* Real .btn.primary/.btn.ghost (app.css) hardcode the app's jade colors
   directly rather than going through --color-*, so they need their own
   override here to stay consistent with the rest of this page. */
.btn.primary {
  background: #E6A63C;
  color: #0A0A0A;
}

.btn.ghost {
  color: #E8DDC8;
  border-color: rgba(232, 221, 200, 0.12);
}

.btn.ghost:hover {
  border-color: #E6A63C;
  color: #E6A63C;
}