/* ADHD Direct landing - VIBRANT PLUS (bolder) test overrides (2026-06-26)
   A deliberately punchier step beyond vibrant-overrides.css, so the client can
   compare three colour levels (calm / colourful / bold) and tell us how far to
   push it. Self-contained - does NOT depend on vibrant-overrides.css.
   Body text and headings stay dark for legibility; the colour goes into
   backgrounds, accents, buttons and the ADHD rainbow motif. */

:root {
  /* Hot, saturated logo-rainbow accents */
  --accent-coral:   #F0455F;
  --accent-sage:    #4FAE3A;
  --accent-yellow:  #FFC91E;
  --accent-orange:  #FF8A1F;
  --accent-blue:    #3E8FD9;

  /* Warmer, peachier page background */
  --bg:             #FDEEDA;
  --primary-tint:   #EFE0F4;
}

/* ADHD rainbow strip across the very top of the page (on-brand: their logo
   is the rainbow spectrum). Sits on the sticky header so it stays in view. */
.site-header {
  border-top: 4px solid #F0455F;
  border-image: linear-gradient(90deg, #F0455F, #FF8A1F, #FFC91E, #4FAE3A, #3E8FD9, #6A3FB0) 1;
}

/* Stronger colour rhythm between bands */
.section--tint        { background: #F0DEF6; }
.section--coral-tint  { background: #FBCBD0; }
.section--sage-tint   { background: #CFE7BD; }
.section--blue-tint   { background: #C9DDF3; }
.section--yellow-tint { background: #F8E3A6; }

/* Warm flat background with just a hint of tint - no busy gradient wash */
.hero {
  background:
    radial-gradient(circle at 88% 14%, rgba(62, 143, 217, 0.09), transparent 48%),
    var(--bg);
}

/* Solid, flat coral on the primary action buttons (variants excluded).
   Flat colour, no gradient - matches their brand. */
.btn:not(.btn--light):not(.btn--border):not(.btn--coral),
.btn--primary-hero {
  background: var(--accent-coral);
  border: none;
}
.btn:not(.btn--light):not(.btn--border):not(.btn--coral):hover,
.btn--primary-hero:hover {
  background: #D63A52;
}

/* Flat soft-tinted eyebrow pills (no gradient) */
.eyebrow:not(.eyebrow--light) {
  background: rgba(240, 69, 95, 0.13);
  color: var(--primary);
}

/* Brighter icon chips */
.icon-chip--coral  { background: rgba(240, 69, 95, 0.18);  color: #F0455F; }
.icon-chip--sage   { background: rgba(79, 174, 58, 0.18);  color: #3F9930; }
.icon-chip--blue   { background: rgba(62, 143, 217, 0.22); color: #2E7FC9; }
.icon-chip--yellow { background: rgba(255, 201, 30, 0.30); color: #7A5E00; }
.icon-chip--orange { background: rgba(255, 138, 31, 0.22); color: #C06A0C; }

/* Regulatory / context cards get bold coloured top bars */
.reg-card:nth-child(1) { border-top: 5px solid var(--accent-sage); }
.reg-card:nth-child(2) { border-top: 5px solid var(--accent-coral); }
.reg-card:nth-child(3) { border-top: 5px solid var(--accent-blue); }

/* Symptom cards: rotating coloured left edge for extra colour energy */
.symptom-card { border-left: 4px solid var(--accent-coral); }
.symptom-card:nth-child(3n+2) { border-left-color: var(--accent-blue); }
.symptom-card:nth-child(3n+3) { border-left-color: var(--accent-sage); }

/* Price tag accent */
.hero__price-amount { color: var(--accent-coral); }