:root{
  /* Flächen — neutraler Canvas (App); die Website überschreibt
     --bg/--bg-tint/--line lokal auf Blush (Marketing darf Atmosphäre). */
  --bg:#FAFAF8; --bg-tint:#F3F3F0; --bg-teal:#EDF5F1; --surface:#FFFFFF;
  /* Text */
  --ink:#2B2A27; --ink-soft:#73716B;
  /* Marke / Aktion */
  --action:#E96F4C; --action-strong:#C4502F; --action-soft:#FBE3D8; --fold:#F3A083;
  /* Sekundär */
  --honey:#F2B25C; --honey-soft:#FBEED6; --honey-text:#9A6A1F;
  --teal:#3E9D8E; --teal-soft:#E0F0EC; --teal-text:#2B6E62;
  /* Struktur */
  --line:#E8E7E3;

  /* Aurora-Hintergrund — nur Website. Die App läuft auf neutralem,
     flachem Canvas: Farbe markiert dort ausschließlich Zustand. */
  --bg-wash:
    radial-gradient(620px 380px at 85% 0%,  rgba(233,111,76,.13), transparent 60%),
    radial-gradient(560px 360px at 0% 55%,  rgba(242,178,92,.11), transparent 60%),
    radial-gradient(520px 340px at 60% 110%, rgba(62,157,142,.09), transparent 60%),
    var(--bg);

  --radius:18px; --radius-input:12px; --radius-pill:999px;
  --shadow:0 10px 30px rgba(43,42,39,.07);   /* neutral — nur --shadow-btn bleibt warm */
  --shadow-paper:0 10px 28px rgba(51,48,44,.12);
  --shadow-btn:0 10px 24px rgba(233,111,76,.35);
  /* Schrift-Rollen */
  --display:'Outfit',system-ui,sans-serif;
  --body:'Karla',system-ui,sans-serif;
  --script:'Caveat',cursive;
}