/* Boogie Heights — colour. Base values are verbatim from the 2025 Brand Identity Guide, p.5.
   Neon values are sampled from the venue renderings (environmental light, not print palette). */
:root{
  /* Primary */
  --bh-ink:#27211B;          /* RGB 39 33 27  — primary dark */
  --bh-cream:#FBEFE9;        /* RGB 251 239 233 — primary light */

  /* Accent */
  --bh-brown:#592712;        /* RGB 89 39 18 */
  --bh-gold:#F6B019;         /* RGB 246 176 25 */
  --bh-crimson:#8C0405;      /* RGB 140 4 5 */
  --bh-blush:#F3CADF;        /* RGB 243 202 223 */

  /* Neon — environmental, sampled from the venue renderings */
  --bh-neon-pink:#FF4FB0;
  --bh-neon-yellow:#FFD84A;
  --bh-neon-blue:#4F7CFF;
  --bh-neon-red:#FF2D2F;

  /* Tints & shades (mixed from the six brand values only) */
  --bh-ink-90:#3A3229;
  --bh-ink-80:#4D4438;
  --bh-cream-80:#F2E1D9;
  --bh-cream-60:#E4CFC5;
  --bh-crimson-dark:#5C0203;
  --bh-brown-dark:#3B1A0C;
  --bh-gold-dark:#C88A0C;

  /* Semantic surfaces */
  --surface-page:var(--bh-ink);
  --surface-page-light:var(--bh-cream);
  --surface-card:var(--bh-ink-90);
  --surface-raised:var(--bh-ink-80);
  --surface-hot:var(--bh-crimson);
  --surface-warm:var(--bh-brown);
  --surface-inverse:var(--bh-cream);

  /* Semantic text */
  --text-primary:var(--bh-cream);
  --text-muted:color-mix(in srgb, var(--bh-cream) 62%, var(--bh-ink));
  --text-quiet:color-mix(in srgb, var(--bh-cream) 40%, var(--bh-ink));
  --text-on-light:var(--bh-ink);
  --text-on-light-muted:color-mix(in srgb, var(--bh-ink) 62%, var(--bh-cream));
  --text-accent:var(--bh-gold);
  --text-link:var(--bh-gold);
  --text-link-hover:var(--bh-blush);

  /* Semantic lines & interactive */
  --border-hairline:color-mix(in srgb, var(--bh-cream) 18%, transparent);
  --border-strong:var(--bh-cream);
  --border-on-light:color-mix(in srgb, var(--bh-ink) 20%, transparent);
  --accent-primary:var(--bh-gold);
  --accent-secondary:var(--bh-blush);
  --accent-hot:var(--bh-crimson);
  --focus-ring:var(--bh-gold);
}