/* HELIUM UI V2.6.4 / SAGE & LAVENDER — CHROMATIC SEPARATION
   User-supplied HTML palette, exactly. No new theme variants.
   Load LAST. Overrides v2.0.1 green legacy presentation only for green-purple.
   Clear Porcelain, restrained evergreen anchors, muted lavender details.
 */
html[data-he-theme="green-purple"] {
  color-scheme: light;
  --he-editorial-page: #F3F6F2;
  --he-editorial-white: #FFFFFF;
  --he-editorial-evergreen: #2B4E27;
  --he-editorial-mid: #5A8B4E;
  --he-editorial-light: #98C285;
  --he-editorial-green: #73A656;
  --he-editorial-lavender: #C4A4F0;
  --he-editorial-lime: #C3E085;
  --he-editorial-ink: #1F2320;
  --he-editorial-muted: #7B857B;
  --he-editorial-border: #EAEFEA;
  --he-editorial-hero: radial-gradient(circle at 20% 20%, #98C285 0%,transparent 50%),radial-gradient(circle at 80% 80%,#5A8B4E 0%,transparent 60%),linear-gradient(135deg,#2B4E27 0%,#1A3318 100%);
  --helium-accent-gradient: #C4A4F0;
  --helium-accent-ink: #1F2320;
  --he-magnetic-stroke:#73A656;
  --he-magnetic-light:#73A656;
  --h2-paper:#FFFFFF;
  --h2-canvas:#F3F6F2;
  --h2-header:#F3F6F2;
  --h2-strong:#1F2320;
  --h2-muted:#7B857B;
}
html[data-he-theme="green-purple"] body {background:#F3F6F2;color:#1F2320}
/* Cards own one visible perimeter. No nested magnetic borders. */
html[data-he-theme="green-purple"] :is(.he-card,.stat-card,.small-biomarker,.product-card,.forecast-card,.lower-card,.health-action-card,.h2-surface,.h2-metric,.h2-panel,.h2-screen-window,.h2-interactive-card) {
  box-shadow:0 12px 36px rgba(31,35,32,.06);
}
/* Canonical editorial workspace: warm-white canvas and genuinely white Porcelain. */
html[data-he-theme="green-purple"] .v2-shell,
html[data-he-theme="green-purple"] .v2-shell .h2-main,
html[data-he-theme="green-purple"] :is(.he-stage,.finance-page,.finance-main,.health-shell){background:#F3F6F2;color:#1F2320}
html[data-he-theme="green-purple"] .v2-shell :is(.h2-side,.h2-topbar) {background:#F3F6F2;border-color:#EAEFEA}
html[data-he-theme="green-purple"] .v2-shell :is(.h2-surface,.h2-metric,.h2-panel,.h2-guide-chip,.h2-screen-window,.h2-interactive-card,.h2-intro.h2-surface) {
  background:#FFFFFF;color:#1F2320;border-color:#EAEFEA;
}
html[data-he-theme="green-purple"] .v2-shell .h2-intro.h2-surface {background:#FFFFFF}
html[data-he-theme="green-purple"] .v2-shell :is(.h2-muted,.h2-label,.h2-top-meta,.h2-section-head p,.h2-panel-head small,.h2-card-copy,.h2-guide-chip span,.h2-nav-group,.h2-nav-count,.h2-material-note div span,.h2-footer,.h2-rule) {color:#7B857B}
html[data-he-theme="green-purple"] .v2-shell :is(.h2-intro-copy p,.h2-intro p,.h2-motion-demo p,.h2-screen-footer small){color:#7B857B}
html[data-he-theme="green-purple"] .v2-shell :is(h1,h2,h3,h4,.h2-hero h1,.h2-hero h1 em,.h2-type-sample,.h2-swatch code) {color:#1F2320}
html[data-he-theme="green-purple"] .v2-shell .h2-hero h1 em {color:#5A8B4E}
html[data-he-theme="green-purple"] .v2-shell .h2-nav a {color:#2B4E27}
html[data-he-theme="green-purple"] .v2-shell .h2-nav a:is(:hover,.is-active,[aria-current="page"]){background:#FFFFFF;color:#2B4E27}
html[data-he-theme="green-purple"] .v2-shell :is(.h2-button,.h2-chip,.h2-guide-chip,.h2-segment,.h2-material-note) {background:#FFFFFF;color:#1F2320;border-color:#EAEFEA}
html[data-he-theme="green-purple"] .v2-shell .h2-button.h2-primary:not(.h2-accent){background:#2B4E27;color:#FFFFFF;border-color:#2B4E27}
html[data-he-theme="green-purple"] .v2-shell .h2-button.h2-accent {background:#C4A4F0!important;background-image:none!important;color:#1F2320!important;border-color:#C4A4F0!important}
html[data-he-theme="green-purple"] .v2-shell .h2-material.accent {background:#C4A4F0!important;background-image:none!important;color:#1F2320!important;border-color:#C4A4F0!important}
html[data-he-theme="green-purple"] .v2-shell .h2-segment button[aria-pressed="true"] {background:#FFFFFF;color:#1F2320}
html[data-he-theme="green-purple"] .v2-shell .h2-swatch-panel {background:#FFFFFF;border-color:#EAEFEA}
html[data-he-theme="green-purple"] .v2-shell .h2-material.solid {background:#2B4E27;color:#FFFFFF}
html[data-he-theme="green-purple"] .v2-shell .h2-material.paper {background:#FFFFFF;color:#1F2320}
html[data-he-theme="green-purple"] .v2-shell :is(.h2-material.aurora,.h2-material.satin) {color:#2B4E27}
/* Forest base belongs only to intentional signature feature surfaces, never all cards. */
html[data-he-theme="green-purple"] .v2-shell .h2-hero-art {background-color:#2B4E27}
html[data-he-theme="green-purple"] .v2-shell .h2-art-halo {background:radial-gradient(circle,rgba(152,194,133,.32),transparent 72%)}
/* Existing Materials controls, Chroma background and magnetic pointer state. */
html[data-he-theme="green-purple"] .v2-shell .h2-material.he-magnetic-sample {background:#FFFFFF!important;border-color:#EAEFEA;color:#1F2320}
html[data-he-theme="green-purple"] .v2-shell .h2-material.he-chroma-card {background:radial-gradient(ellipse at 24% 18%,#E9D8FA,transparent 62%),radial-gradient(ellipse at 81% 86%,#C4A4F0,transparent 68%),#FAF6FF;color:#1F2320;border-color:#E9D8FA}
html[data-he-theme="green-purple"] .v2-shell .h2-material.he-chroma-card .he-chroma-foot :is(strong,small) {color:#1F2320}
/* Component library keeps white specimens; purple is a selection highlight, not a surface flood. */
html[data-he-theme="green-purple"] .he-rail,
html[data-he-theme="green-purple"] .he-bar {background:#FFFFFF;border-color:#EAEFEA}
html[data-he-theme="green-purple"] .he-stage{background:#F3F6F2}
html[data-he-theme="green-purple"] .he-card,
html[data-he-theme="green-purple"] .he-note-grid>div {background:#FFFFFF;color:#1F2320;box-shadow:0 12px 36px rgba(31,35,32,.06);border:1px solid #EAEFEA}
html[data-he-theme="green-purple"] .he-card:hover {background:#FFFFFF}
html[data-he-theme="green-purple"] .he-intro-stat {background:linear-gradient(142deg,#FFFFFF 5%,#F3F6F2 66%,#C3E085 150%);color:#1F2320}
html[data-he-theme="green-purple"] :is(.he-card h3,.he-gallery h2,.he-intro h1,.he-footnotes h2,.he-demo label,.he-intro-stat strong) {color:#1F2320}
html[data-he-theme="green-purple"] .he-intro h1 em {color:#5A8B4E}
html[data-he-theme="green-purple"] :is(.he-overline,.he-card-desc,.he-intro p,.he-gallery-header p,.he-note-strip,.he-note-strip b,.he-rail-blurb p,.he-card small,.he-note-grid p,.he-footnotes>p) {color:#7B857B}
html[data-he-theme="green-purple"] .he-rail-blurb {background:#F3F6F2}
html[data-he-theme="green-purple"] .he-category-nav button {color:#2B4E27}
html[data-he-theme="green-purple"] .he-category-nav button:is(:hover,.active){background:#F3F6F2;color:#2B4E27}
html[data-he-theme="green-purple"] .he-top-link,
html[data-he-theme="green-purple"] .he-pill,
html[data-he-theme="green-purple"] .he-control:not(.action):not(.danger),
html[data-he-theme="green-purple"] .he-demo-input,
html[data-he-theme="green-purple"] .he-searchbox kbd {background:#F3F6F2;color:#1F2320}
html[data-he-theme="green-purple"] .he-pill.active {background:#2B4E27;color:#FFFFFF}
html[data-he-theme="green-purple"] .he-control.action,
html[data-he-theme="green-purple"] .he-btn-primary {background:#2B4E27;color:#FFFFFF}
html[data-he-theme="green-purple"] .he-btn-primary:hover,
html[data-he-theme="green-purple"] .he-control.action:hover{background:#5A8B4E;color:#FFFFFF}
html[data-he-theme="green-purple"] :is(.he-mini-check input:checked,.he-switch[aria-checked="true"]) {background:#73A656;border-color:#73A656}
html[data-he-theme="green-purple"] .he-mini-radio input:checked{border-color:#5A8B4E}
html[data-he-theme="green-purple"] .he-mini-radio input:checked::after{background:#5A8B4E}
html[data-he-theme="green-purple"] .he-demo-input:focus{background:#FFFFFF;box-shadow:inset 0 -2px 0 #5A8B4E}
/* Product experiences: softer canvas; no opaque mint wash on ordinary cards. */
html[data-he-theme="green-purple"] :is(.finance-main,.finance-page,.health-shell,.health-page,.health-dashboard) {background-color:#F3F6F2}
html[data-he-theme="green-purple"] .finance-main {background-image:none}
html[data-he-theme="green-purple"] .finance-main::before {display:none}
html[data-he-theme="green-purple"] .finance-sidebar {background:linear-gradient(150deg,#2B4E27,#1A3318);color:#FFFFFF}
html[data-he-theme="green-purple"] :is(.stat-card,.forecast-card,.lower-card,.health-action-card,.small-biomarker,.product-card,.subscription-card,.health-timeline,.results-card) {background:#FFFFFF;color:#1F2320}
html[data-he-theme="green-purple"] :is(.health-topbar,.health-aside-tabs,.health-timeline){border-color:#EAEFEA}
html[data-he-theme="green-purple"] :is(.category-item,.period-button,.search-trigger,.health-mini-button,.nav-link,.suggestion){color:#1F2320}
html[data-he-theme="green-purple"] .nav-link.active {background:#FFFFFF;color:#2B4E27}
html[data-he-theme="green-purple"] :is(.period-button,.search-trigger,.category-item:not(.active),.health-mini-button){background:#FFFFFF}
html[data-he-theme="green-purple"] :is(.primary-button,.send-chat,.plus-circle,.bestseller,.sub-badge,.health-badge){background:#2B4E27;color:#FFFFFF}
html[data-he-theme="green-purple"] .challenge-card:not(.he-chroma-feature){background:#FFFFFF}
html[data-he-theme="green-purple"] .challenge-card.he-chroma-feature{background-color:#FFFFFF}
html[data-he-theme="green-purple"] .challenge-card.he-chroma-feature .he-feature-chroma-canvas{opacity:.20}
/* Match submitted reference accents: calm purple for chart/pigment, lime and sage for progress. */
html[data-he-theme="green-purple"] .product-grid .orb-green {filter:saturate(.85)}
html[data-he-theme="green-purple"] :is(.status-dot,.health-progress,.stat-progress) {accent-color:#73A656}
html[data-he-theme="green-purple"] :is(.he-accent-dot,.he-status-dot) {background:#C4A4F0}
/* All controls inherit Helium geometry and focus; do not add second strokes or nested perimeter. */
html[data-he-theme="green-purple"] :is(.he-card,.h2-interactive-card,.stat-card,.challenge-card,.product-card,.h2-material.he-chroma-card)::after {outline:0}
@media (prefers-reduced-motion:reduce) {
 html[data-he-theme="green-purple"] :is(.he-magnetic-card,.he-chroma-card) {transition:none}
}

/* Source #7B857B is 3.83:1 against white: display/large secondary only.
   Use source evergreen/ink on small labels and helper copy for readable contrast. */
html[data-he-theme="green-purple"] :is(.he-card-desc,.he-card small,.he-note-grid p,.he-rail-blurb p,.he-breadcrumb,.he-gallery-header p,.he-overline,.he-top-link,.h2-material-note div span,.h2-guide-chip span,.h2-top-meta,.h2-nav-group,.h2-nav-count,.h2-card-copy,.stat-change,.stat-top h2,.small-biomarker>span,.product-card>span,.meeting-desc,.timeline-date) {
  color:#2B4E27;
}

/* V2.6.4: Separate chromatic families. Green fills NEVER share a gradient with purple.
   Existing source swatches remain exact. #8B63C9 is a sparse new violet accent (3–5%). */
html[data-he-theme="green-purple"] {
 --he-green-field: radial-gradient(ellipse 88% 76% at 100% 100%, #98C285 0%, #C3E085 27%, transparent 75%), linear-gradient(140deg,#F3F6F2 0%,#E7F3DA 65%,#FFFFFF 100%);
 --he-green-hero: radial-gradient(ellipse 62% 66% at 84% 24%, #5A8B4E 0%, transparent 80%), linear-gradient(135deg,#2B4E27 0%,#1A3318 100%);
 --he-purple-field: radial-gradient(ellipse at 20% 17%,#E9D8FA 0%,transparent 64%),radial-gradient(ellipse at 85% 88%,#C4A4F0 0%,transparent 73%),#FAF6FF;
 --he-purple-deep:#8B63C9;
 --he-color-on-green:#1F2320;
 --he-color-on-dark:#FFFFFF;
}
/* Main art: dark green-only composition and white foreground, never purple. */
html[data-he-theme="green-purple"] .v2-shell .h2-hero-art{
 background:var(--he-green-hero)!important;color:#FFFFFF!important;
 --cl-base:#2B4E27;--cl-tl:#98C285C0;--cl-tr:#5A8B4EAA;--cl-bl:#2B4E2788;--cl-br:#73A65699;
 --cl-sink:#1A3318A8;--cl-sink-end:#1A33185E;--cl-text:#FFFFFF;
}
html[data-he-theme="green-purple"] .v2-shell .h2-hero-art :is(.h2-art-top,.h2-art-footer,.h2-art-ribbon){color:#FFFFFF}
html[data-he-theme="green-purple"] .v2-shell .h2-hero-art .h2-art-halo{background:radial-gradient(circle,#98C2855C,transparent 75%)}
/* Light edge-lit material example: soft green only, with foreground protected from blur. */
html[data-he-theme="green-purple"] .v2-shell .h2-material.aurora{
 --cl-base:#F3F6F2;--cl-tl:#FFFFFF;--cl-tr:#C3E085;--cl-bl:#98C285;--cl-br:#73A656;
 --cl-sink:transparent;--cl-sink-end:transparent;--cl-tint:transparent;--cl-text:#1F2320;
 background:var(--he-green-field)!important;color:#1F2320!important;
 border:1px solid #EAEFEA;
}
html[data-he-theme="green-purple"] .v2-shell .h2-material.aurora::before{
 inset:0;filter:none!important;opacity:1!important;
 background:radial-gradient(ellipse 85% 66% at 99% 89%,#98C285BA 0%,transparent 72%),radial-gradient(ellipse 80% 70% at 14% 2%,#FFFFFF 0%,transparent 77%);
}
html[data-he-theme="green-purple"] .v2-shell .h2-material.aurora::after{content:none!important}
html[data-he-theme="green-purple"] .v2-shell .h2-material.aurora :is(span,strong,small){color:#1F2320!important;opacity:1!important;text-shadow:none!important}
/* Pale sage example, without leftover blue/muddy smoke. */
html[data-he-theme="green-purple"] .v2-shell .h2-material.satin{
 --cl-base:#F3F6F2;--cl-tl:#FFFFFF;--cl-tr:#98C285;--cl-bl:#C3E085;--cl-br:#E7F3DA;
 --cl-sink:transparent;--cl-sink-end:transparent;--cl-tint:transparent;--cl-text:#1F2320;
 background:linear-gradient(145deg,#FFFFFF,#E7F3DA 85%);color:#1F2320!important;border:1px solid #EAEFEA;
}
html[data-he-theme="green-purple"] .v2-shell .h2-material.satin::after{content:none!important}
html[data-he-theme="green-purple"] .v2-shell .h2-material.satin :is(span,strong,small){color:#1F2320!important;opacity:1!important}
/* Contained Light palettes across screens: each instance only one family.
   Forest/Jade = dark green, Mint/Mist = sage, Blush = purple only. */
html[data-he-theme="green-purple"] .v2-shell .h2-light--forest,
html[data-he-theme="green-purple"] .v2-shell .h2-light--jade{
 --cl-base:#2B4E27;--cl-tl:#98C285C0;--cl-tr:#5A8B4EC0;--cl-bl:#73A656A0;--cl-br:#2B4E27A0;
 --cl-sink:#1A3318C2;--cl-sink-end:#1A331875;--cl-text:#FFFFFF;--cl-tint:#FFFFFF16;
}
html[data-he-theme="green-purple"] .v2-shell .h2-light--mint,
html[data-he-theme="green-purple"] .v2-shell .h2-light--mist{
 --cl-base:#E7F3DA;--cl-tl:#FFFFFF;--cl-tr:#C3E085C0;--cl-bl:#98C285B8;--cl-br:#F3F6F2;
 --cl-sink:#5A8B4E25;--cl-sink-end:#5A8B4E10;--cl-text:#1F2320;--cl-tint:#FFFFFF20;
}
html[data-he-theme="green-purple"] .v2-shell .h2-light--blush{
 --cl-base:#FAF6FF;--cl-tl:#FFFFFF;--cl-tr:#E9D8FA;--cl-bl:#C4A4F0B8;--cl-br:#FAF6FF;
 --cl-sink:#8B63C926;--cl-sink-end:#8B63C910;--cl-text:#1F2320;--cl-tint:#FFFFFF25;
}
/* Purple-only Chroma, not pastel green + purple. No extra border. */
html[data-he-theme="green-purple"] .v2-shell .h2-material.he-chroma-card{
 background:var(--he-purple-field)!important;color:#1F2320!important;
 border:1px solid #E9D8FA!important;
}
html[data-he-theme="green-purple"] .v2-shell .h2-material.he-chroma-card .he-chroma-content :is(span,strong,small){color:#1F2320!important;opacity:1!important}
html[data-he-theme="green-purple"] .v2-shell .h2-material.he-chroma-card::after{content:none!important}
/* Lavender action = lavender-only. Small violet details carry deeper purple. */
html[data-he-theme="green-purple"] .v2-shell .h2-material.accent{
 background:#C4A4F0!important;background-image:none!important;color:#1F2320!important;
}
html[data-he-theme="green-purple"] .v2-shell .h2-material.accent :is(span,strong,small){color:#1F2320!important;opacity:1!important}
html[data-he-theme="green-purple"] .he-status-dot.purple,
html[data-he-theme="green-purple"] .he-card .he-beta-tag{background:#8B63C9;color:#FFFFFF}
/* Large Bitcoin challenge: preserve white reading zone; strictly purple-only light underneath. */
html[data-he-theme="green-purple"] .challenge-card.he-chroma-feature{
 background:linear-gradient(180deg,#FFFFFF 0%,#FFFFFF 53%,#FAF6FF 75%,#E9D8FA 100%)!important;
}
html[data-he-theme="green-purple"] .challenge-card.he-chroma-feature .aurora-blobs,
html[data-he-theme="green-purple"] .challenge-card.he-chroma-feature .gradient-sheen{display:none!important}
html[data-he-theme="green-purple"] .challenge-card.he-chroma-feature .he-feature-chroma-canvas{opacity:.18}
html[data-he-theme="green-purple"] .challenge-card.he-chroma-feature::after{box-shadow:inset 0 -16px 32px #C4A4F02E}
/* Readability guardrail: small text must not use low-contrast pale sage or lavender. */
html[data-he-theme="green-purple"] .v2-shell .h2-material-note div span,
html[data-he-theme="green-purple"] .v2-shell .h2-material small{opacity:1;color:#2B4E27}
/* One card, one outline; no inset perimeter from special material effects. */
html[data-he-theme="green-purple"] .v2-shell .h2-material.he-chroma-card,
html[data-he-theme="green-purple"] .v2-shell .h2-material.aurora,
html[data-he-theme="green-purple"] .v2-shell .h2-material.satin{outline:0;box-shadow:0 10px 30px #2B4E270C}

/* Applied health cards: Wellness gets GREEN-only, Biological Age gets PURPLE-only.
   Neither mixes opposing pigment families; foreground remains ink-dark. */
html[data-he-theme="green-purple"] .biomarker-gradient.biomarker-green{
 background:linear-gradient(140deg,#F3F6F2 0%,#C3E085 48%,#98C285 100%)!important;color:#1F2320!important;
}
html[data-he-theme="green-purple"] .biomarker-gradient.biomarker-green .biomarker-glow{
 background:radial-gradient(ellipse at 40% 8%,#FFFFFF 0%,transparent 56%),radial-gradient(ellipse at 84% 90%,#73A656 0%,transparent 62%);
}
html[data-he-theme="green-purple"] .biomarker-gradient.biomarker-orange{
 background:linear-gradient(140deg,#FAF6FF 0%,#E9D8FA 48%,#C4A4F0 100%)!important;color:#1F2320!important;
}
html[data-he-theme="green-purple"] .biomarker-gradient.biomarker-orange .biomarker-glow{
 background:radial-gradient(ellipse at 18% 18%,#FFFFFF 0%,transparent 56%),radial-gradient(ellipse at 84% 90%,#C4A4F0 0%,transparent 64%);
}
html[data-he-theme="green-purple"] .biomarker-gradient::after{
 background:linear-gradient(180deg,#FFFFFF34,transparent 40%,#1F232008)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;
}
html[data-he-theme="green-purple"] .biomarker-gradient :is(.bio-overline,.bio-subtext,.pixel-number,.pixel-number small){color:#1F2320!important;text-shadow:none!important}
/* Individual supplement orbs get their OWN green or purple colour family. */
html[data-he-theme="green-purple"] .product-card .orb-blue{background:radial-gradient(circle at 32% 28%,#FAF6FF,#E9D8FA 39%,#C4A4F0 68%,#F9F4FF 78%,#8B63C9)!important}
html[data-he-theme="green-purple"] .product-card .orb-orange{background:radial-gradient(circle at 32% 28%,#FFFFFF,#C3E085 42%,#98C285 72%,#F3F6F2 82%,#73A656)!important}
/* Screen catalogue specimen recipes: one colour family per expressive card. */
html[data-he-theme="green-purple"] .aurora:not(.green):not(.fire){background:linear-gradient(135deg,#FAF6FF,#E9D8FA 60%,#C4A4F0)}
html[data-he-theme="green-purple"] .aurora:not(.green):not(.fire)::before{background:radial-gradient(ellipse at 13% 20%,#FAF6FF,transparent 60%),radial-gradient(ellipse at 85% 85%,#C4A4F0,transparent 55%)}
html[data-he-theme="green-purple"] .aurora.green{background:linear-gradient(135deg,#F3F6F2,#C3E085 60%,#98C285)}
html[data-he-theme="green-purple"] .aurora.green::before{background:radial-gradient(ellipse at 15% 10%,#FFFFFF,transparent 55%),radial-gradient(ellipse at 85% 83%,#73A656,transparent 62%)}
html[data-he-theme="green-purple"] .aurora.fire{background:linear-gradient(135deg,#FAF6FF,#E9D8FA 60%,#C4A4F0)}
html[data-he-theme="green-purple"] .aurora.fire::before{background:radial-gradient(ellipse at 12% 16%,#FFFFFF,transparent 55%),radial-gradient(ellipse at 83% 80%,#8B63C9,transparent 58%)}
html[data-he-theme="green-purple"] .challenge-hero{background:radial-gradient(ellipse at 17% 17%,#FAF6FF,transparent 66%),linear-gradient(145deg,#E9D8FA,#C4A4F0)}
html[data-he-theme="green-purple"] .wallet-hero{background:linear-gradient(145deg,#2B4E27,#5A8B4E)}
html[data-he-theme="green-purple"] .job-highlight{background:linear-gradient(145deg,#F3F6F2,#C3E085 90%)}
html[data-he-theme="green-purple"] .job-highlight::before{background:radial-gradient(ellipse at 86% 82%,#98C285,transparent 58%)}
html[data-he-theme="green-purple"] .glass-wallpaper{background:radial-gradient(ellipse at 12% 17%,#FAF6FF,transparent 60%),radial-gradient(ellipse at 86% 88%,#C4A4F0,transparent 58%),#E9D8FA}