/* GalaFy colour alignment — reference: https://galafy.com.au/, 7 Sep 2026.
   Load after style.css. Preserve the original layout, copy, fonts and images.
   The homepage uses evenly spaced gradient stops for its top bar, a 60%
   magenta stop for buttons/footer, and a yellow primary hero action. */
:root {
  --site-accent: #f15a24;
  --site-heading: #545454;
  --ink: #444444;
  --muted: #666666;
  --foreground: var(--ink);
  --site-surface: #f9f9f9;
  --site-yellow: #ffc107;
  --site-yellow-hover: #ff9800;
  --line: #e8e6e1;
  --site-topbar-gradient: linear-gradient(90deg, #f7931e, #f15a24, #9e005d, #0071bc);
  --site-gradient: linear-gradient(to right, #f7931e, #f15a24, #9e005d 60%, #0071bc);
}

.announcement {
  background: var(--site-topbar-gradient);
}

.photo-accent {
  background: var(--site-gradient);
}

/* All body registration actions match the client homepage's button states. */
#main .button.primary {
  background: var(--site-yellow);
  color: #000;
  min-height: 54px;
  padding: 14px 24px;
  border-radius: 8px;
  font-size: .9375rem;
  transform: none;
  transition: background-color .18s ease;
}

#main .button.primary:hover {
  background: var(--site-yellow-hover);
  color: #000;
}

@media (prefers-reduced-motion: reduce) {
  #main .button.primary { transition: none; }
}

/* Use the homepage's orange accent consistently for decorative icons. */
.pain-points .pain-row .icon-tile,
.comparison tbody tr:nth-child(n) .row-icon,
.reputation .reputation-item > svg {
  color: var(--site-accent);
}

.pain-row .icon-tile {
  border-color: var(--line);
}

.choice-grid article:first-child .outcome-icon {
  background: var(--site-accent);
  color: #fff;
}

/* Quiet surfaces and rules replace leftover blue/magenta outlines. */
.comparison {
  background: var(--site-surface);
}

.comparison tbody tr:nth-child(n) td:last-child {
  border-right-color: var(--site-accent);
}

.reputation .reputation-item {
  border-color: var(--line);
}

.choice-grid article:first-child {
  background: var(--site-surface);
}

.reputation-statement,
.closing {
  border-bottom-color: var(--site-accent);
}

/* Match the main site's neutral body emphasis, reserving bright orange for
   large headings and graphics so small labels remain easy to read. */
.eyebrow,
.inline-highlight,
.pullout,
.offer-bottom .readiness,
.pricing-table tbody .promo,
.primary.light,
.primary.light:hover {
  color: var(--site-heading);
}

.steps .eyebrow,
.manager-copy .eyebrow {
  color: #fff;
}

/* Keep the keyboard indicator visible on both white and gradient sections. */
a:focus-visible,
button:focus-visible {
  outline-color: var(--blue);
}

.manager-copy a:focus-visible,
.closing a:focus-visible,
.footer a:focus-visible {
  outline-color: #fff;
}