/* =========================================================================
   Alneya — Baumit Life 0674 (dusty mauve)
   The paint colour #ab95ac is the DARKEST colour on the page: it fills the hero,
   the Unblock Method band, the testimonials and the footer. The main
   navigation sits one shade deeper so the header reads as its own surface.

   Because the paint is a mid-tone, text on those bands is dark, not light —
   white only reaches ~2.7:1 here. Pair this palette with theme-paint.css
   (not theme-dark.css), which inverts the band text accordingly.
   ========================================================================= */

:root {
  /* light grounds — everything between the painted bands */
  --ivory:     #ffffff;
  --shell:     #ffffff;
  --blush:     #ffffff;
  --lilac:     #ffffff;
  --lilac-200: #f6f3f6;
  --lilac-300: #e1dae2;
  --sage:      #ffffff;
  --sage-200:  #faf9fa;

  --line:      #f9f8f9;
  --line-soft: #ffffff;

  /* antique gold, held back so it supports the paint rather than fighting it */
  --gold-700: #7b5e28;
  --gold-600: #82652e;
  --gold-500: #b2975c;
  --gold-400: #cfbc90;
  --gold-300: #e7dab8;
  --gold-100: #f6efde;

  /* the paint and its two deeper shades */
  --deep-700: #ab95ac;          /* the paint itself — hero, Method, quotes, footer */
  --deep-800: #a188a2;          /* navigation, one shade deeper */
  --deep-900: #9a809b;          /* darkest point: header gradient end, stuck header */
  --deep-500: #c2b2c2;
  --deep-300: #efebef;
  --deep-200: #ffffff;

  --moss-700: #ab95ac;
  --moss-500: #c2b2c2;

  /* ink for the light sections */
  --ink:       #3b2f3c;
  --ink-soft:  #5d4a5e;
  --ink-faint: #6b556d;

  /* ink for the painted bands — solved against #9a809b, the darkest stop,
     so every one of them clears WCAG AA wherever the paint appears */
  --band-ink:      #100710;
  --band-ink-soft: #2b1a2c;
  --band-accent:   #271e0a;

  --shadow-sm: 0 1px 2px rgba(26, 32, 24, .05), 0 8px 24px rgba(26, 32, 24, .06);
  --shadow-md: 0 2px 6px rgba(26, 32, 24, .06), 0 22px 50px rgba(26, 32, 24, .10);
  --shadow-gold: 0 16px 42px rgba(146, 118, 60, .18);

  /* the bands are mid-tone, so the star field is dark rather than gold */
  --stars: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300' viewBox='0 0 300 300'%3E%3Cg fill='%23000000'%3E%3Ccircle cx='26' cy='48' r='1.5' opacity='.12'/%3E%3Ccircle cx='128' cy='22' r='1' opacity='.09'/%3E%3Ccircle cx='214' cy='70' r='1.6' opacity='.11'/%3E%3Ccircle cx='276' cy='150' r='1' opacity='.08'/%3E%3Ccircle cx='60' cy='168' r='1.2' opacity='.10'/%3E%3Ccircle cx='172' cy='198' r='1.5' opacity='.09'/%3E%3Ccircle cx='96' cy='262' r='1' opacity='.10'/%3E%3Ccircle cx='242' cy='286' r='1.3' opacity='.08'/%3E%3Ccircle cx='8' cy='232' r='1' opacity='.08'/%3E%3C/g%3E%3C/svg%3E");
}

/* the hero is painted by theme-paint.css, so only the light washes live here */
.section--blush { background: linear-gradient(170deg, var(--blush), var(--shell)); }
.section--lilac { background: linear-gradient(165deg, var(--lilac), var(--blush) 76%); }