/* Glow Getter — mixed 2 theme (built 21 Aug 2026 at Lewis's request)
   ---------------------------------------------------------------------------
   The mixed theme's alternation with the BLACK theme's dark ground: instead
   of the lifted plum (#22161E, L* 9), the dark bands are the black theme's
   true black (#0B090A, L* 2.6), and the light blush bands alternate exactly
   as mixed does.

   Composition, deliberately verbatim rather than re-derived:
   - :root is the black theme's palette, byte for byte (see theme-dark.css
     for the reasoning on each value), plus the two band-edge spacing vars
     from the mixed theme — those exist because alternation makes section
     boundaries VISIBLE, which is as true here as on mixed.
   - .section--alt is the mixed theme's light band, byte for byte (see
     theme-mixed.css for how those values were solved). The band's values
     are self-contained - its own ground, text and accent - so they work
     unchanged against any dark neighbour.

   The known caveat from the mixed theme's header applies double here: on a
   floor-black ground the shadows have nowhere to fall, so the dark bands
   separate less than mixed's do. That is the trade Lewis is choosing to
   compare - the light bands now carry the rhythm instead. */

:root {
  /* Surfaces — the black theme's */
  --cream:        #0B090A;
  --cream-deep:   #151016;
  --card:         #191319;
  --ink:          #1E161E;

  /* Text */
  --brown:        #F7F1F5;
  --brown-muted:  #C3B2BC;

  /* Accent */
  --bronze:       #E2CAD9;
  --bronze-deep:  #F0DFE9;
  --bronze-10:    rgba(226, 202, 217, 0.12);
  --bronze-06:    rgba(226, 202, 217, 0.07);

  --gold:         #E2CAD9;
  --gold-10:      rgba(226, 202, 217, 0.12);

  --grad:       linear-gradient(100deg, #EBD8E5 0%, #D3A9C4 48%, #BE8CAF 100%);
  --grad-hover: linear-gradient(100deg, #F5E6EF 0%, #E0BBD3 48%, #CB9DBD 100%);
  --grad-solid: #D3A9C4;
  --on-grad:    #1A1218;

  --rule:       rgba(226, 202, 217, .28);
  --scrub-off:  rgba(226, 202, 217, .20);
  --shadow:     rgba(0, 0, 0, .75);
  --shadow-soft:rgba(0, 0, 0, .60);
  --card-hi:    #221B22;

  --btn-light-bg: #FFFCFD;
  --btn-light-fg: #2A1A24;

  /* Band-edge spacing, from the mixed theme — alternation makes section
     boundaries visible, so the tucked spacings read as mistakes here too. */
  --page-hero-pb: clamp(48px, 6vw, 88px);
  --snug-top: clamp(56px, 6.5vw, 100px);
}

/* --- Alternating light bands — the mixed theme's, verbatim ---------------- */
.section--alt {
  --cream:        #F7EDF3;
  --cream-deep:   #EFDCE8;
  --card:         #FFFCFE;

  --brown:        #603851;
  --brown-muted:  #7B5C70;

  --bronze:       #A4477F;
  --bronze-deep:  #8C3A6E;
  --bronze-10:    rgba(164, 71, 127, 0.10);
  --bronze-06:    rgba(164, 71, 127, 0.06);

  --gold:         #A4477F;
  --gold-10:      rgba(164, 71, 127, 0.10);

  --grad:       linear-gradient(100deg, #C87FAB 0%, #B25791 48%, #98416F 100%);
  --grad-hover: linear-gradient(100deg, #B96C9C 0%, #9E4480 48%, #83355F 100%);
  --grad-solid: #B25791;
  --on-grad:    #fff;

  --rule:       rgba(96, 56, 81, .28);
  --scrub-off:  rgba(96, 56, 81, .22);
  --shadow:     rgba(74, 40, 62, .45);
  --shadow-soft:rgba(74, 40, 62, .32);
  --card-hi:    #fff;

  background: var(--cream);
  color: var(--brown-muted);
}