/* Amethyst & Champagne palette for the epicure design.
   Layout, spacing and type sizes are untouched; this file only changes colour, gradients and finish. */
:root{
  --night:#0d0718;--plum:#1e0d3a;--plum-2:#2c1257;--amethyst:#7a3ff0;--amethyst-d:#5a22c8;
  --lilac:#c7b4ff;--pearl:#f7f4fb;--champagne:#e9cf9e;--champagne-l:#f5e6c8;--champagne-d:#c9a46c;
  /* twin-shade text gradients */
  --tx-ink:linear-gradient(120deg,#160b2b 0%,#2a1450 55%,#3b1c72 100%);
  --tx-accent:linear-gradient(120deg,#4e1fb0 0%,#7a3ff0 60%,#9a6ae8 100%);
  --tx-light:linear-gradient(120deg,#ffffff 0%,#f1eaff 55%,#d9cbff 100%);
  --tx-gold:linear-gradient(120deg,#d9c6ff 0%,#e6d3f5 35%,#f2dfbb 70%,#e2c38a 100%);
}
::selection{background:#7a3ff02e}
body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}

/* ---------- Twin-shade headings (light surfaces only; dark surfaces are excluded) ---------- */
:is(.products,.approach,.research,.home-trust,.content-page .section,.content-page .section-mist,.contact-options) :is(h2,h3):not([data-split]):not(:is(.hero,.dashboard-feature,.connection,.contact,.content-page .page-hero,.content-page .cta-wrap,.fs-engine,.deploy-dark,.security,.nf,.product-rail,footer) *),
:is(.products,.approach,.research,.home-trust,.content-page .section,.content-page .section-mist,.contact-options) :is(h2,h3):not(:is(.hero,.dashboard-feature,.connection,.contact,.content-page .page-hero,.content-page .cta-wrap,.fs-engine,.deploy-dark,.security,.nf,.product-rail,footer) *) .ln-i{
  background:var(--tx-ink);-webkit-background-clip:text;background-clip:text;color:transparent}
.section-top h2 span:not(.ln):not(.ln-i),.approach h2 em{
  background:var(--tx-accent);-webkit-background-clip:text;background-clip:text;color:transparent}

/* ---------- Twin-shade headings on dark surfaces ---------- */
:is(.hero,.dashboard-feature,.connection,.contact,.content-page .page-hero,.content-page .cta-wrap,.fs-engine,.deploy-dark,.security,.nf,.product-rail,footer) :is(h1,h2,h3):not([data-split]):not(.post-title),
:is(.hero,.dashboard-feature,.connection,.contact,.content-page .page-hero,.content-page .cta-wrap,.fs-engine,.deploy-dark,.security,.nf,.product-rail,footer) :is(h1,h2,h3) .ln-i{
  background:var(--tx-light);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero h1 em,.contact h2 em,.content-page .page-hero .title-soft{
  background:var(--tx-gold);-webkit-background-clip:text;background-clip:text;color:transparent}
.connection h2 .ln:last-child .ln-i{background:linear-gradient(120deg,#ffffff 0%,#e9deff 50%,#f2dfbb 100%);-webkit-background-clip:text;background-clip:text}

/* ---------- Dark backgrounds: deeper night + plum ---------- */
.orbital{background:radial-gradient(ellipse at 45% 30%,#4a0fa0,transparent 70%),linear-gradient(110deg,#0b0518,#1f0846 58%,#33087a)}
.dashboard-feature{background:radial-gradient(ellipse at 50% 15%,#5f22ad66,transparent 65%),linear-gradient(#22094a,#120822)}
.product-rail{background:#0e0819}
.connection{background:radial-gradient(ellipse at 50% 0%,#4b1a9433,transparent 60%),linear-gradient(160deg,#1a0b30,#24103f)}
.contact{background:radial-gradient(at 90% 100%,#6a2cb055,transparent 60%),radial-gradient(at 10% 0%,#e9cf9e0f,transparent 50%),#0f0820}
footer{background:#0b0716}
.content-page .page-hero{background:radial-gradient(ellipse at 85% 80%,#6f1ad055,transparent 55%),linear-gradient(120deg,#0e0720,#29095a)}
.content-page .cta-wrap{background:radial-gradient(ellipse at 0 30%,#5d2a8a4d,transparent 65%),#160b29}

/* ---------- Light surfaces: pearl ---------- */
.products,.research{background-color:var(--pearl)}
.content-page,body.content-page{background:var(--pearl)}

/* ---------- Champagne CTAs (replaces lime) ---------- */
.lime,.btn-primary,.btn-light{background:linear-gradient(135deg,#f6e8cc 0%,#e9cf9e 48%,#d4ae72 100%)!important;color:#1e0d3a!important;border-color:transparent;box-shadow:0 10px 28px #e9cf9e2b,inset 0 1px 0 #fff8}
.lime:hover,.btn-primary:hover,.btn-light:hover{box-shadow:0 16px 40px #e9cf9e44,inset 0 1px 0 #fff9;filter:brightness(1.04)}
/* On light sections the primary button is a deep amethyst instead */
:is(.products,.approach,.research,.content-page .section) :is(.btn-primary,.lime){background:linear-gradient(135deg,#8b55f4 0%,#6a2fe0 55%,#4e1fb0 100%)!important;color:#fff!important;box-shadow:0 12px 30px #6a2fe033,inset 0 1px 0 #ffffff40}
.glass{border-color:#ffffff33;background:#ffffff0a}
.glass:hover{border-color:#e9cf9e80;background:#ffffff14}
.floating-header .button.small{background:linear-gradient(135deg,#1e0d3a,#3a1572);box-shadow:inset 0 1px 0 #ffffff1a}
.floating-header .button.small:hover{box-shadow:0 10px 26px #3a157255,inset 0 1px 0 #ffffff1a}
.btn-outline{color:#4e1fb0;border-color:#c9b5e8}
.btn-outline:hover{border-color:#7a3ff0;background:#7a3ff00a}

/* ---------- Accents ---------- */
.eyebrow i,.live i,.float-label i{background:var(--champagne);box-shadow:0 0 14px #e9cf9e99}
.hero .eyebrow,.connection .eyebrow,.contact .eyebrow,.dashboard-intro .eyebrow{color:#e2d3f7}
.muted,.content-page .eyebrow{color:#5f3f8f}
.rail-status.live{color:var(--champagne)}
.mini-icon{color:#c4a8f0}
.tabs button[aria-selected=true]{color:#4e1fb0;border-color:#6a2fe0}
.status{border-color:#d9c9ec;color:#5f3f8f}
.product-copy li:before{color:#6a2fe0}
.text-link{border-bottom-color:#c9b5e8}
.text-link:hover{color:#4e1fb0}
.connection .text-link,.contact .text-link{border-bottom-color:#e9cf9e66}
nav a:hover,.floating-header nav a:hover{color:#4e1fb0}
.footer-top a:hover{color:var(--champagne)}
.contact-email{color:#cdb8e4}
.contact-email:hover{color:var(--champagne)}
.principles article>span{color:#8a6ab8}
.read-link{color:#5f3f8f}
.a1{background:radial-gradient(circle at 90% 70%,#8a4fe8,transparent 65%),#24093e}
.a2{background:linear-gradient(135deg,#ece2f8,#f3e9dc);color:#3b1c6e}
.growth-line{background:linear-gradient(120deg,#e9cf9e88,#8a4fe866)}
.article-art>span{background:linear-gradient(120deg,currentColor 0%,currentColor 40%,#e9cf9e 120%);-webkit-background-clip:text;background-clip:text;color:transparent}
.a1>span{background-image:linear-gradient(120deg,#ffffff,#e4d6ff 60%,#f2dfbb)}
.a2>span{background-image:linear-gradient(120deg,#2a1450,#5a22c8)}
.bars i:last-child{background:linear-gradient(#e9cf9e,#a77de8)}
.dashboard-caption a{color:#e2d3f7}
.dashboard-caption a:hover{color:var(--champagne)}

/* Hairline champagne detail on the hero divider and footer rule */
.hero-bottom{border-top-color:#e9cf9e2e}
.footer-bottom{border-top-color:#e9cf9e1f}