/* Theme variables moved out of style.css for reuse and easy tweaking */
:root{
  --phoenix-orange:#ff7a1a;
  --phoenix-red:#d43f00;
  --phoenix-deep:#9c2f00;
  --phoenix-warm-100:#fff3e9;
  --phoenix-warm-200:#ffe1cc;
  --phoenix-warm-300:#ffc9a3;
  --ink-700:#1f2430;
  --ink-600:#2b3446;
  --ink-400:#5a6780;
  --bs-body-bg:#f5f7fb; /* light background to match gary-app */
  --bs-primary:var(--phoenix-orange);
  --card-bg:#ffffff;
  --panel-border:#e5eaf0;

  /* Button foreground: use dark ink to increase contrast on the orange gradient */
  --btn-foreground: #1f2430;

  /* Colors for utility tweaks */
  --muted-color: #5a6780;
  --focus-outline: #4da3ff;
}

/* A11y helper: high-contrast alternative for call-to-action when needed */
@media (prefers-contrast: more){
  :root{ --btn-foreground: #111; }
}