/* Live theme: Aurora Ink. Multicolor whisper washes, near-black accents, gradient 'money' + underline.
   Applied via <html data-palette="aurora-ink">. */
html[data-palette^="aurora"] {
  --gold: #f0a868; --gold-soft: #ffdcc0; --gold-ink: #9c5520;
  --hero-bg:
    radial-gradient(50% 60% at 90% 12%, rgba(255, 190, 160, 0.34), rgba(255, 190, 160, 0) 62%),
    radial-gradient(45% 60% at 62% 92%, rgba(186, 176, 255, 0.32), rgba(186, 176, 255, 0) 62%),
    radial-gradient(40% 55% at 4% 4%, rgba(160, 225, 210, 0.38), rgba(160, 225, 210, 0) 62%),
    #fcfcfd;
  --wash-a: radial-gradient(70% 90% at 100% 0%, rgba(255, 205, 180, 0.16), rgba(255, 205, 180, 0) 60%),
            radial-gradient(60% 80% at 0% 100%, rgba(175, 225, 215, 0.16), rgba(175, 225, 215, 0) 60%), #fcfcfd;
  --wash-b: radial-gradient(70% 90% at 0% 0%, rgba(196, 186, 255, 0.16), rgba(196, 186, 255, 0) 60%),
            radial-gradient(60% 80% at 100% 100%, rgba(255, 214, 170, 0.14), rgba(255, 214, 170, 0) 60%), #fcfcfd;
  --tint-bg: linear-gradient(120deg, #f4f2ff 0%, #f9f4f1 50%, #effaf6 100%); --tint-solid: #f6f4fb;
  --callout-bg: linear-gradient(135deg, #fff7f1 0%, #ffffff 55%, #f5f3ff 100%); --callout-line: #ece6f2;
  --closing-bg:
    radial-gradient(50% 70% at 20% 0%, rgba(255, 170, 140, 0.30), rgba(255, 170, 140, 0) 62%),
    radial-gradient(50% 70% at 85% 10%, rgba(160, 150, 255, 0.40), rgba(160, 150, 255, 0) 62%),
    radial-gradient(50% 60% at 50% 100%, rgba(110, 210, 190, 0.28), rgba(110, 210, 190, 0) 62%),
    #161a3e;
}

html[data-palette="aurora-ink"] { --brand: #1d1e2c; --brand-2: #4b4f6b; --brand-ink: #11121c; --mint: #f4f3fb;
  --closing-bg:
    radial-gradient(50% 70% at 20% 0%, rgba(255, 170, 140, 0.24), rgba(255, 170, 140, 0) 62%),
    radial-gradient(50% 70% at 85% 10%, rgba(160, 150, 255, 0.26), rgba(160, 150, 255, 0) 62%),
    radial-gradient(50% 60% at 50% 100%, rgba(110, 210, 190, 0.20), rgba(110, 210, 190, 0) 62%),
    #15161f; }
/* Gradient text only paints inside the element box; italic descenders (the "y") and overhang sit outside it.
   Pad the box to cover them and cancel the padding with negative margins so layout doesn't move. */
html[data-palette="aurora-ink"] em.money { color: transparent; background: linear-gradient(100deg, #e98a5f 0%, #9a7fe0 50%, #3fa58f 100%);
  -webkit-background-clip: text; background-clip: text; padding: 0 0.12em 0.2em 0.04em; margin: 0 -0.12em -0.2em -0.04em; }
html[data-palette="aurora-ink"] .closing-dark h2 em { background: linear-gradient(100deg, #ffc1a0, #c9bcff, #9fe3d1); -webkit-background-clip: text; background-clip: text; color: transparent;
  padding: 0 0.12em 0.2em 0.04em; margin: 0 -0.12em -0.2em -0.04em; -webkit-box-decoration-break: clone; box-decoration-break: clone; }
/* underline options for Ink (default: gradient). The em is padded 0.2em at the bottom for the gradient, so lift the swash by the same amount */
html[data-palette="aurora-ink"] .hero em.money .swash, html[data-palette="aurora-ink"] em.money .swash { bottom: 0.08em; }
html[data-palette="aurora-ink"] .swash path { stroke: url(#se-swash); }
html[data-palette="aurora-ink"] {
  --ink-solid: #15161f;
  --ink-a-bg:
    radial-gradient(45% 60% at 8% 0%, rgba(160, 150, 255, 0.24), rgba(160, 150, 255, 0) 62%),
    radial-gradient(45% 60% at 95% 100%, rgba(110, 210, 190, 0.18), rgba(110, 210, 190, 0) 62%),
    radial-gradient(35% 45% at 80% 10%, rgba(255, 170, 140, 0.12), rgba(255, 170, 140, 0) 62%),
    #15161f;
  --ink-b-bg:
    radial-gradient(45% 60% at 92% 0%, rgba(255, 170, 140, 0.20), rgba(255, 170, 140, 0) 62%),
    radial-gradient(45% 60% at 5% 100%, rgba(160, 150, 255, 0.22), rgba(160, 150, 255, 0) 62%),
    #15161f;
}
html[data-palette] body { background: var(--bg); }