/* Brand colour, layered over the design system.
 *
 * The approved bundle is a considered blue-grey, which reads calm but also
 * reads flat across a long page: every block header, every eyebrow and every
 * price came out the same soft grey. This puts Stacy's own colours back in —
 * they are taken from the Sharks crest, so the site and the team look related
 * rather than like two brands.
 *
 * Kept as an override file rather than edited into design-system.css, which is
 * the approved bundle verbatim. One file to delete if this is not wanted.
 */
:root {
  /* From the crest: the deep red of the helmet, the shark teal, the gold. */
  --brand-red:    #a32638;
  --brand-red-dk: #7c1b29;
  --brand-teal:   #2e8f96;
  --brand-gold:   #c9a24a;

  /* The accent ramp drives buttons, eyebrows, links and focus rings, so
     re-pointing it colours the site coherently rather than in patches. */
  --color-accent:     var(--brand-red);
  --color-accent-2:   var(--brand-teal);
  --color-accent-100: #fdeff1;
  --color-accent-200: #f9d6db;
  --color-accent-300: #f0aeb8;
  --color-accent-400: #e07f8e;
  --color-accent-500: #c8546899;
  --color-accent-600: #b83a4c;
  --color-accent-700: #a32638;   /* 7.0:1 on white — safe for text */
  --color-accent-800: #7c1b29;
  --color-accent-900: #551220;

  /* A warmer paper than the old cool grey. Still quiet, but not clinical. */
  --color-bg:         #f7f5f2;
  --color-neutral-100:#fbf9f7;
  --color-neutral-200:#efece8;
  --color-neutral-300:#ddd8d2;
}

/* Section rhythm. A long page of identical bands is what made it feel grey;
   alternating a warm tint gives the eye somewhere to rest between blocks. */
.band-tint { background: linear-gradient(180deg, #fbf6ef 0%, var(--color-bg) 100%); }

/* Block numbers were grey on grey. They are the spine of the Camps page. */
.camp-block .eyebrow,
.section-head .eyebrow { color: var(--brand-red); }

/* The price is the thing a parent scans for. */
.camp-price strong { color: var(--brand-red-dk); }

/* Teal for the supporting mark, so the palette has two notes rather than one. */
.camp-surface { color: var(--brand-teal); }
.stats dd { color: var(--ink); }

/* Cards lift slightly on hover instead of sitting inert. */
.camp {
  transition: transform .18s var(--ease), box-shadow .18s var(--ease), border-color .18s var(--ease);
}
.camp:hover {
  transform: translateY(-2px);
  border-color: color-mix(in srgb, var(--brand-red) 35%, transparent);
  box-shadow: 0 10px 28px rgba(20, 23, 26, .09);
}
.camp.is-full:hover { transform: none; box-shadow: none; }

@media (prefers-reduced-motion: reduce) {
  .camp, .camp:hover { transition: none; transform: none; }
}

/* One emphasis per card. The age band was inheriting the accent too, so the
   price and the group competed; the price is what a parent scans for. */
.camp-group { color: var(--color-neutral-600); }