/* ============================================================
   LumiIris — brand stylesheet
   Palette + fonts + components. Loaded after the Bagisto theme
   CSS so these rules win on equal specificity.
   ============================================================ */

:root{
  --li-ink:#1B1630;
  --li-ink-soft:#5A5370;
  --li-ink-faint:#8B85A0;
  --li-cream:#FCF9F5;
  --li-paper:#FFFFFF;
  --li-line:#ECE6F0;
  --li-line-2:#E2DAEA;
  --li-violet:#6E4BF0;
  --li-violet-d:#5533D6;
  --li-orchid:#C86BD6;
  --li-amber:#F0A85A;
  --li-blush:#F6DDE4;
  --li-mint:#7FCBB1;
  --li-grad:linear-gradient(120deg,#6E4BF0 0%,#C86BD6 52%,#F0A85A 100%);
  --li-font-logo:'Marcellus',Georgia,serif;
  --li-font-display:'DM Serif Display',Georgia,serif;
  --li-font-body:'Poppins',system-ui,-apple-system,sans-serif;
  --li-sh-s:0 2px 8px rgba(27,22,48,.06);
  --li-sh-m:0 14px 40px rgba(27,22,48,.10);
}

/* ---------- base ---------- */
body{font-family:var(--li-font-body);}
.font-logo{font-family:var(--li-font-logo);}
.font-display{font-family:var(--li-font-display);}
.text-brand{color:var(--li-violet);}
.text-ink{color:var(--li-ink);}
.text-ink-soft{color:var(--li-ink-soft);}
.text-ink-faint{color:var(--li-ink-faint);}
.bg-brand{background-color:var(--li-violet);}
.bg-ink{background-color:var(--li-ink);}
.bg-cream{background-color:var(--li-cream);}
.bg-blush{background-color:var(--li-blush);}
.bg-paper{background-color:var(--li-paper);}
.bg-grad{background-image:var(--li-grad);}
.border-brand{border-color:var(--li-violet);}
.border-hairline{border-color:var(--li-line);}

.grad-text{background:var(--li-grad);-webkit-background-clip:text;background-clip:text;color:transparent;}

/* ---------- wordmark ---------- */
.li-wm{font-family:var(--li-font-logo);text-transform:uppercase;letter-spacing:.145em;line-height:1;display:inline-flex;gap:.34em;align-items:baseline;white-space:nowrap;color:var(--li-ink);}
.li-wm .iris{color:var(--li-violet);}
.li-wm.on-dark{color:#fff;}
.li-wm.on-dark .iris{color:#C9B4FF;}
.li-wm.all-white,.li-wm.all-white .iris{color:#fff;}
.li-wm.all-ink,.li-wm.all-ink .iris{color:var(--li-ink);}

/* ---------- buttons ---------- */
.li-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;cursor:pointer;font-family:var(--li-font-body);font-weight:600;border-radius:999px;padding:13px 26px;font-size:14px;line-height:1;transition:background .18s,color .18s,border-color .18s,transform .18s;text-decoration:none;}
.li-btn-primary{background:var(--li-violet);color:#fff;box-shadow:0 8px 22px rgba(110,75,240,.28);}
.li-btn-primary:hover{background:var(--li-violet-d);}
.li-btn-dark{background:var(--li-ink);color:#fff;}
.li-btn-dark:hover{background:#000;}
.li-btn-ghost{background:transparent;color:var(--li-ink);border:1.5px solid var(--li-line-2);}
.li-btn-ghost:hover{border-color:var(--li-violet);color:var(--li-violet);}
.li-btn-sm{padding:9px 16px;font-size:12.5px;}
.li-btn:focus-visible{outline:2px solid var(--li-violet);outline-offset:2px;}

/* ---------- badges & pills ---------- */
.li-badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:5px 12px;border-radius:999px;}
.li-badge-new{background:var(--li-blush);color:#9C3D63;}
.li-badge-best{background:#EFE9FF;color:#5330C8;}
.li-badge-care{background:#E4F4EE;color:#2E7A63;}
.li-pill{display:inline-block;padding:7px 15px;border:1px solid var(--li-line-2);border-radius:999px;font-size:12.5px;color:var(--li-ink-soft);background:#fff;transition:.15s;}
.li-pill:hover{border-color:var(--li-violet);color:var(--li-violet);}
.li-pill.active{background:var(--li-ink);color:#fff;border-color:var(--li-ink);}

/* ---------- shade swatches (product colour discs) ---------- */
.li-shade{border-radius:50%;display:inline-block;}

/* ---------- footer ---------- */
.li-footer{background:var(--li-ink);color:#CFC9E0;}
.li-footer a{color:#CFC9E0;}
.li-footer a:hover{color:#fff;}
.li-footer .col-title{color:#fff;font-weight:600;font-size:13px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:18px;}
.li-footer .col-list{list-style:none;margin:0;padding:0;display:grid;gap:11px;font-size:14px;}
.li-footer .foot-note{font-size:12.5px;color:var(--li-ink-faint);}
.li-foot-social{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.18);color:#fff;}
.li-foot-social:hover{background:rgba(255,255,255,.10);}
.li-pays{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:600;letter-spacing:.04em;color:#fff;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.14);border-radius:7px;padding:5px 9px;}

/* ---------- homepage hero ---------- */
.li-hero{position:relative;overflow:hidden;background:radial-gradient(120% 130% at 85% 12%,rgba(200,107,214,.20),transparent 55%),radial-gradient(90% 100% at 10% 92%,rgba(240,168,90,.16),transparent 60%),var(--li-cream);}
.li-hero-glow{position:absolute;border-radius:50%;filter:blur(8px);pointer-events:none;}
.li-hero h1{font-family:var(--li-font-display);font-weight:400;font-size:clamp(40px,6.4vw,72px);line-height:1.06;letter-spacing:-.5px;color:var(--li-ink);}
.li-hero .lead{color:var(--li-ink-soft);font-size:18px;max-width:46ch;}
.li-trust{display:flex;gap:26px;flex-wrap:wrap;font-size:13px;color:var(--li-ink-soft);}
.li-trust span{display:inline-flex;align-items:center;gap:8px;}
.li-trust i{font-style:normal;color:var(--li-violet);font-weight:700;}

/* ---------- feature / value props ---------- */
.li-feat{background:var(--li-paper);border:1px solid var(--li-line);border-radius:18px;padding:26px;box-shadow:var(--li-sh-s);}
.li-feat .ic{width:42px;height:42px;border-radius:12px;background:var(--li-blush);color:var(--li-violet);display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:14px;}
.li-feat h3{font-weight:600;font-size:16px;margin:0 0 6px;}
.li-feat p{margin:0;font-size:14px;color:var(--li-ink-soft);}

/* ---------- section heading ---------- */
.li-eyebrow{font-size:11.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--li-violet);font-weight:600;}
.li-h2{font-family:var(--li-font-display);font-weight:400;font-size:clamp(26px,3.6vw,40px);line-height:1.12;color:var(--li-ink);}
.li-sub{color:var(--li-ink-soft);font-size:16px;max-width:64ch;}

/* ---------- card ---------- */
.li-card{background:var(--li-paper);border:1px solid var(--li-line);border-radius:18px;box-shadow:var(--li-sh-s);}

/* ---------- newsletter band ---------- */
.li-band{background:var(--li-grad);color:#fff;border-radius:22px;padding:48px 40px;}
.li-band h2{font-family:var(--li-font-display);font-weight:400;font-size:clamp(24px,3.2vw,36px);}
.li-input{width:100%;max-width:420px;border:0;border-radius:999px;padding:14px 20px;font-family:var(--li-font-body);font-size:14px;background:rgba(255,255,255,.16);color:#fff;}
.li-input::placeholder{color:rgba(255,255,255,.7);}
.li-input:focus{outline:2px solid #fff;outline-offset:2px;}
.li-btn-white{background:#fff;color:var(--li-violet);}
.li-btn-white:hover{background:#F1ECFF;}

/* ---------- misc ---------- */
.li-divider{height:1px;background:var(--li-line);}
.li-link{font-weight:600;color:var(--li-violet);text-decoration:none;}
.li-link:hover{color:var(--li-violet-d);}