/* Farben der Ausgabe "purple". Erzeugt von build.mjs aus
   site.config.mjs — hier NICHT von Hand aendern. */
:root{
  --accent:#7B5EA7;
  --accent-light:#9B7FC7;
  --accent-soft:#C9B5E8;
  --cream:#F2ECFA;
  --warm-white:#FAF7FD;
  --ink:#3A2E4A;
  --ink-soft:#6B5E7A;
  --deep-a:#E0D5F2;
  --deep-b:#D3C6EA;

  --accent-08:rgba(123,94,167,0.08);
  --accent-15:rgba(123,94,167,0.15);
  --accent-20:rgba(123,94,167,0.2);
  --accent-25:rgba(123,94,167,0.25);
  --accent-30:rgba(123,94,167,0.3);
  --accent-soft-05:rgba(201,181,232,0.05);
  --accent-soft-15:rgba(201,181,232,0.15);
  --accent-soft-30:rgba(201,181,232,0.3);

  --nav-bg:rgba(250,247,253,0.93);
  /* auf dem hellen Telefonbild braucht der Akzent mehr Tiefe */
  --phone-accent:#604982;
  /* der kursive Akzent im Hero steht auf hellem Himmel — er braucht
     Helligkeit statt Farbe, sonst verschwindet er im Bild */
  --hero-em:#e7def5;

  /* Einfaerbung des Himmelbildes. Faellt weg, sobald ein echtes
     Bild in der richtigen Farbe vorliegt. */
  --sky-tint:linear-gradient(#8163B4,#8163B4);
  --sky-blend:color;

  /* DER HIMMEL als Verlauf — dieselben fuenf Stufen wie in der App, an
     denselben Positionen (SKY_LOCATIONS in CelestialBackground). */
  --sky:linear-gradient(180deg,#C9CFEC 0%,#D6D2EC 28%,#E2DCEE 55%,#EDE7EF 80%,#F1ECEC 100%);

  /* Die vier Perlmutt-Formen. Als fertige Verlaeufe, damit das Stylesheet
     keine Farbwerte kennt — es kennt nur Rollen. */
  --liquid-1:radial-gradient(circle at 34% 34%,#FFF3DC 0%,#F0DCA8 28%,#D9C7E4 60%,transparent 78%);
  --liquid-2:radial-gradient(circle at 62% 40%,#F6E3EE 0%,#DDBCD4 28%,#A9B6DD 60%,transparent 78%);
  --liquid-3:radial-gradient(circle at 44% 56%,#E6F2F0 0%,#BFD8DE 28%,#B3AEDC 60%,transparent 78%);
  --liquid-4:radial-gradient(circle at 50% 44%,#FFFBEE 0%,#EBD6AE 28%,#C9BEE6 60%,transparent 78%);
}