:root{
  --bg:#0C0B14;
  --bg2:#12101E;
  --ink:#EDEAF6;
  --dim:#8B87A0;
  --line:rgba(237,234,246,.09);
  --accent:#3DE96B;
  --accent-soft:rgba(61,233,107,.14);
  --panel:rgba(12,11,20,.55);
  --panel-strong:rgba(12,11,20,.9);
  --display:'Unbounded',sans-serif;
  --body:'Space Grotesk',sans-serif;
  --mono:'JetBrains Mono',monospace;
  --nav-h:82px;
}
[data-theme="light"]{
  --bg:#F2F2F2;
  --bg2:#ECEBF2;
  --ink:#14121C;
  --dim:#5E5B70;
  --line:rgba(20,18,28,.12);
  --panel:rgba(242,242,242,.6);
  --panel-strong:rgba(242,242,242,.92);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:hidden}
body{
  background:var(--bg);
  color:var(--ink);
  font-family:var(--body);
  overflow-x:hidden;
  transition:background 1s ease;
}
::selection{background:var(--accent);color:var(--bg)}

/* ---------- LOADER ---------- */
#loader{
  position:fixed;inset:0;z-index:100;background:var(--bg);
  display:flex;align-items:center;justify-content:center;flex-direction:column;gap:24px;
  transition:opacity .8s ease, visibility .8s;
}
#loader.done{opacity:0;visibility:hidden}
#loader .glyph{
  font-family:var(--display);font-weight:900;font-size:clamp(40px,8vw,90px);
  letter-spacing:.05em;color:var(--ink);
  animation:pulse 1.2s ease-in-out infinite;
}
#loader .bar{width:180px;height:2px;background:var(--line);overflow:hidden}
#loader .bar i{display:block;height:100%;width:40%;background:var(--accent);animation:load 1.1s ease-in-out infinite}
@keyframes load{0%{transform:translateX(-100%)}100%{transform:translateX(450%)}}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.4}}

/* ---------- CANVAS 3D ---------- */
#scene{
  position:fixed;inset:0;z-index:1;pointer-events:none;
}
.viewer #scene{
  position:absolute;inset:0;z-index:1;pointer-events:none;
  width:100%;height:100%;display:block;
}

/* halo ambiant qui suit la saveur */
#halo{
  position:fixed;z-index:0;pointer-events:none;
  width:70vmax;height:70vmax;border-radius:50%;
  right:-20vmax;top:-10vmax;
  background:radial-gradient(circle, var(--accent-soft) 0%, transparent 60%);
  transition:background 1.2s ease;
  filter:blur(20px);
}

/* ---------- NAV ---------- */
nav{
  position:fixed;top:0;left:0;right:0;z-index:50;
  display:flex;align-items:center;justify-content:space-between;
  padding:22px clamp(20px,4vw,56px);
  height:var(--nav-h);
  mix-blend-mode:normal;
  background:var(--panel-strong);
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
  border-bottom:1px solid var(--line);
}
body{padding-top:var(--nav-h)}
.admin-bar nav{top:32px}
@media(max-width:782px){.admin-bar nav{top:46px}}
nav .logo{
  font-family:var(--display);font-weight:900;font-size:20px;letter-spacing:.08em;
  color:var(--ink);text-decoration:none;
  display:flex;align-items:center;gap:10px;
}
nav .logo img{height:38px;width:auto;display:block;filter:invert(1)}
[data-theme="light"] nav .logo img{filter:none}
nav .logo .daemon-eye-logo{
  position:relative;display:block;width:156px;height:40px;
  background:var(--ink);
  -webkit-mask:url('../img/oeil.svg') center/contain no-repeat;
  mask:url('../img/oeil.svg') center/contain no-repeat;
  transition:background-color .5s ease;
}
nav .logo .daemon-eye-logo:after{
  content:"";position:absolute;inset:0;background:var(--accent);
  -webkit-mask:url('../img/oeil-triangle.svg') center/contain no-repeat;
  mask:url('../img/oeil-triangle.svg') center/contain no-repeat;
  transition:background-color .5s ease;
}
#themeToggle{
  width:38px;height:38px;border-radius:50%;
  border:1px solid var(--line);background:transparent;color:var(--ink);
  cursor:pointer;font-size:16px;line-height:1;
  display:flex;align-items:center;justify-content:center;
  transition:border-color .3s, transform .2s;
}
#themeToggle:hover{border-color:var(--accent);transform:rotate(20deg)}
nav .logo em{font-style:normal;color:var(--accent);transition:color .8s}
nav ul{display:flex;gap:34px;list-style:none;align-items:center}
nav ul a{
  color:var(--dim);text-decoration:none;font-size:14px;letter-spacing:.04em;
  transition:color .3s;
}
nav ul a:hover,nav ul a:focus-visible{color:var(--ink)}
nav .cta{
  font-family:var(--mono);font-size:12px;letter-spacing:.08em;
  color:var(--bg);background:var(--accent);
  padding:10px 18px;border-radius:2px;text-decoration:none;
  transition:background .8s, transform .2s;
}
nav .cta:hover{transform:translateY(-2px)}
@media(max-width:720px){nav ul li.hide-mobile{display:none}}

/* ---------- HAMBURGER ---------- */
#hamburger{
  display:none;width:30px;height:30px;background:none;border:none;
  cursor:pointer;flex-direction:column;justify-content:center;gap:5px;
  z-index:51;position:relative;
}
#hamburger span{
  display:block;width:100%;height:2px;background:var(--ink);
  transition:transform .3s, opacity .3s;
}
#hamburger[aria-expanded="true"] span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}
#hamburger[aria-expanded="true"] span:nth-child(2){opacity:0}
#hamburger[aria-expanded="true"] span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}
@media(max-width:720px){
  #hamburger{display:flex}
  #main-nav ul, [class*="menu-"] ul{
    position:fixed;top:0;right:-100%;width:70vw;max-width:320px;height:100vh;
    flex-direction:column;gap:0;background:var(--panel-strong);
    backdrop-filter:blur(12px);padding:90px 30px 30px;
    transition:right .4s ease;z-index:50;justify-content:flex-start;
  }
  #main-nav ul.open, .menu-primary-container ul.open{right:0}
  #main-nav ul li, .menu-primary-container ul li{width:100%}
  #main-nav ul li a, .menu-primary-container ul li a,
  #main-nav ul li button, .menu-primary-container ul li button{padding:16px 0;display:block;width:100%;text-align:left;font-size:16px}
}

/* ---------- PANIER ---------- */
.cart-link{
  position:relative;display:flex;align-items:center;gap:4px;
  color:var(--dim);text-decoration:none;font-size:14px;
  transition:color .3s;
}
.cart-link:hover{color:var(--ink)}
.cart-link .cart-count{
  font-family:var(--mono);font-size:11px;font-weight:500;
  background:var(--accent);color:var(--bg);
  border-radius:50%;min-width:18px;height:18px;
  display:flex;align-items:center;justify-content:center;
  line-height:1;padding:0 4px;transition:background .8s;
}

/* ---------- INDICATEUR À POINTS (sous le carousel) ---------- */
.dots{
  display:flex;justify-content:center;gap:14px;
  margin-top:clamp(20px,4vh,34px);padding:0;
}
.dots button{
  width:10px;height:10px;border-radius:50%;padding:0;cursor:pointer;
  border:1px solid var(--dim);background:transparent;
  transition:background .3s, border-color .3s, transform .3s;
}
.dots button:hover{border-color:var(--ink)}
.dots button.active{
  background:var(--accent);border-color:var(--accent);
  transform:scale(1.35);
}
@media(max-width:720px){.dots{gap:12px}}

/* ---------- HERO ---------- */
main{position:relative;z-index:2}
.hero{
  min-height:100vh;
  display:flex;flex-direction:column;justify-content:center;
  padding:0 clamp(20px,4vw,56px);
  position:relative;
}
.eyebrow{
  font-family:var(--mono);font-size:12px;letter-spacing:.22em;
  color:var(--accent);transition:color .8s;
  display:flex;align-items:center;gap:12px;margin-bottom:22px;
}
.eyebrow::before{content:"";width:32px;height:1px;background:var(--accent);transition:background .8s}
.hero h1{
  font-family:var(--display);font-weight:900;
  font-size:clamp(44px,9.5vw,138px);
  line-height:.95;letter-spacing:-.01em;
  max-width:11ch;
  text-transform:uppercase;
}
.hero h1 .row{display:block;overflow:hidden}
.hero h1 .row span{display:inline-block;transform:translateY(110%);animation:rise 1s cubic-bezier(.2,.7,.2,1) forwards}
.hero h1 .row:nth-child(2) span{animation-delay:.12s}
.hero h1 .row:nth-child(3) span{animation-delay:.24s}
.hero h1 .hollow{
  background:var(--accent);color:var(--bg);
  padding:0 .12em;
  box-decoration-break:clone;-webkit-box-decoration-break:clone;
}
@keyframes rise{to{transform:translateY(0)}}
.hero p{
  margin-top:28px;max-width:44ch;color:var(--dim);
  font-size:clamp(15px,1.4vw,18px);line-height:1.65;font-weight:300;
}
.hero .actions{display:flex;gap:16px;margin-top:38px;flex-wrap:wrap}
.btn{
  font-family:var(--mono);font-size:13px;letter-spacing:.06em;
  text-decoration:none;padding:16px 28px;border-radius:2px;
  transition:transform .25s, background .8s, border-color .8s, color .3s;
}
.btn.solid{background:var(--accent);color:var(--bg)}
.btn.ghost{border:1px solid var(--line);color:var(--ink)}
.btn:hover{transform:translateY(-3px)}
.btn.ghost:hover{border-color:var(--accent)}
.scroll-hint{
  position:absolute;bottom:30px;left:clamp(20px,4vw,56px);
  font-family:var(--mono);font-size:11px;letter-spacing:.2em;color:var(--dim);
  display:flex;align-items:center;gap:10px;
}
.scroll-hint i{
  display:block;width:1px;height:44px;background:var(--dim);
  animation:drip 1.8s ease-in-out infinite;transform-origin:top;
}
@keyframes drip{0%{transform:scaleY(0)}50%{transform:scaleY(1)}100%{transform:scaleY(0);transform-origin:bottom}}

/* ---------- MARQUEE ---------- */
.marquee{
  border-top:1px solid var(--line);border-bottom:1px solid var(--line);
  overflow:hidden;white-space:nowrap;padding:16px 0;
  background:var(--panel);backdrop-filter:blur(6px);
}
.marquee .track{display:inline-block;animation:scrollx 26s linear infinite}
.marquee span{
  font-family:var(--mono);font-size:13px;letter-spacing:.18em;color:var(--dim);
  margin:0 28px;
}
.marquee b{color:var(--accent);font-weight:500;transition:color .8s}
@keyframes scrollx{to{transform:translateX(-50%)}}

/* ---------- SAVEURS ---------- */
/* ---------- DÉFILEMENT HORIZONTAL DES SAVEURS ---------- */
/* ---------- CAROUSEL DES SAVEURS ---------- */
.flavors-wrap{position:relative;padding-bottom:clamp(40px,7vh,70px)}
.flavors-head{
  padding:clamp(50px,9vh,90px) clamp(20px,4vw,56px) 0;
  margin-top:clamp(40px,6vh,80px);
}
.flavors-head h2{
  font-family:var(--display);font-weight:700;
  font-size:clamp(28px,4.5vw,54px);text-transform:uppercase;letter-spacing:.01em;
}
.carousel{position:relative;overflow:hidden}
.ctrack{
  display:flex;will-change:transform;
  transition:transform .65s cubic-bezier(.2,.7,.2,1);
}
.flavor{
  width:100%;flex-shrink:0;min-height:min(50vh,440px);
  display:flex;flex-direction:column;justify-content:center;
  padding:40px clamp(20px,4vw,56px) 20px;
}
.car-nav{
  display:flex;align-items:center;justify-content:center;gap:16px;
  padding:0 clamp(20px,4vw,56px);
}
.car-nav .arrow{
  width:36px;height:36px;border-radius:50%;
  border:1px solid var(--line);background:transparent;
  color:var(--ink);font-size:16px;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  transition:border-color .3s, background .3s;flex-shrink:0;
}
.car-nav .arrow:hover{border-color:var(--accent);background:var(--accent-soft)}
.car-nav .arrow.prev{order:1}
.car-nav .dots{order:2;flex:1}
.car-nav .arrow.next{order:3}
.flavor .inner{max-width:640px}
.flavor.alt .inner{margin-left:auto}
.flavor .btn{margin-top:clamp(20px,4vh,32px) !important}
.flavor .num{
  font-family:var(--mono);font-size:12px;letter-spacing:.2em;color:var(--dim);
  margin-bottom:16px;
}
.flavor h3{
  font-family:var(--display);font-weight:900;text-transform:uppercase;
  font-size:clamp(36px,6vw,84px);line-height:1;
  color:var(--flavor-color,var(--ink));
  transition:color .5s;
}
.flavor .tagline{
  font-family:var(--mono);font-size:13px;letter-spacing:.12em;
  color:var(--dim);margin-top:14px;text-transform:uppercase;
}
.flavor p{
  margin-top:24px;color:var(--dim);line-height:1.7;font-weight:300;
  font-size:clamp(15px,1.3vw,17px);
}
.flavor .notes{
  margin-top:30px;display:flex;gap:10px;flex-wrap:wrap;margin-bottom:30px;
}
.flavor .notes span{
  font-family:var(--mono);font-size:11px;letter-spacing:.08em;
  border:1px solid var(--line);border-radius:999px;
  padding:8px 16px;color:var(--ink);
}

/* ---------- FORMULE ---------- */
.formula{
  position:relative;z-index:2;
  background:linear-gradient(180deg, transparent, var(--panel-strong) 12%, var(--panel-strong) 88%, transparent);
  padding:clamp(80px,14vh,160px) clamp(20px,4vw,56px);
}
.formula h2{
  font-family:var(--display);font-weight:700;text-transform:uppercase;
  font-size:clamp(28px,4.5vw,54px);margin-bottom:14px;
}
.formula .sub{color:var(--dim);max-width:52ch;line-height:1.65;font-weight:300}
.stats{
  margin-top:56px;
  display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
  border-top:1px solid var(--line);
}
.stat{
  border-bottom:1px solid var(--line);
  padding:34px 22px 34px 0;
  transition:padding .3s;
}
.stat:hover{padding-left:12px}
.stat .val{
  font-family:var(--display);font-weight:700;
  font-size:clamp(30px,3.6vw,48px);
}
.stat .val b{color:var(--accent);font-weight:700;transition:color .8s}
.stat .lbl{
  font-family:var(--mono);font-size:11px;letter-spacing:.18em;color:var(--dim);
  margin-top:10px;text-transform:uppercase;
}

/* ---------- CTA FINAL ---------- */
.final{
  position:relative;z-index:2;
  min-height:80vh;display:flex;flex-direction:column;
  align-items:center;justify-content:center;text-align:center;
  padding:80px clamp(20px,4vw,56px);
}
.final h2{
  font-family:var(--display);font-weight:900;text-transform:uppercase;
  font-size:clamp(38px,8vw,110px);line-height:1;
}
.final h2 .hollow{
  background:var(--accent);color:var(--bg);
  padding:0 .12em;
  box-decoration-break:clone;-webkit-box-decoration-break:clone;
}
.final p{color:var(--dim);margin-top:22px;max-width:44ch;line-height:1.65;font-weight:300}
.final .btn{margin-top:36px}

/* ---------- FOOTER ---------- */
footer{
  position:relative;z-index:2;
  border-top:1px solid var(--line);
  padding:34px clamp(20px,4vw,56px);
  display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;
  background:var(--bg);
}
footer .mono{font-family:var(--mono);font-size:11px;letter-spacing:.14em;color:var(--dim)}
footer a{color:var(--dim);text-decoration:none;transition:color .3s}
footer a:hover{color:var(--ink)}

/* focus visible */
a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}

/* mobile : canette derrière le texte, assombrie */
@media(max-width:900px){
  #scene{opacity:.5}
  .flavor{max-width:100%}
}

@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:.001s !important;transition-duration:.001s !important}
  html{scroll-behavior:auto}
}

/* ---------- ÉDITIONS PERSO (lignes canettes) ---------- */
.line{
  position:relative;z-index:2;
  padding:clamp(40px,7vh,80px) 0;
  border-top:1px solid var(--line);
  overflow:hidden;
}
.line .head{
  padding:0 clamp(20px,4vw,56px);
  max-width:1400px;margin:0 auto 10px;
  display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;
}
.line .head h2{
  font-family:var(--display);font-weight:900;text-transform:uppercase;
  font-size:clamp(26px,4vw,48px);line-height:1;
}
.line .head h2 em{font-style:normal;color:var(--line-accent,var(--accent))}
.line .head .mono{
  font-family:var(--mono);font-size:11px;letter-spacing:.16em;color:var(--dim);
}
.canrow{
  width:100%;height:clamp(240px,36vh,300px);
  display:block;overflow:hidden;
}
.canrow canvas{width:100%;height:100%;display:block}
.line .foot{
  padding:0 clamp(20px,4vw,56px);
  max-width:1400px;margin:14px auto 0;
  display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;
}
.line .foot p{color:var(--dim);font-weight:300;line-height:1.7;max-width:58ch;font-size:15px}

/* ---------- ÉDITIONS PERSO (page dédiée) ---------- */
.editions-hero{
  position:relative;z-index:2;
  padding:clamp(60px,10vh,110px) clamp(20px,4vw,56px) clamp(30px,5vh,50px);
  max-width:1400px;margin:0 auto;
}
.editions-hero h1{
  font-family:var(--display);font-weight:900;text-transform:uppercase;
  font-size:clamp(36px,7vw,92px);line-height:.98;
}
.editions-hero h1 .hollow{
  background:var(--accent);color:var(--bg);
  padding:0 .12em;
  box-decoration-break:clone;-webkit-box-decoration-break:clone;
}
.editions-hero p{margin-top:22px;color:var(--dim);line-height:1.7;font-weight:300;max-width:56ch;font-size:clamp(15px,1.3vw,17px)}

.how{
  position:relative;z-index:2;border-top:1px solid var(--line);
  max-width:1400px;margin:0 auto;
  padding:clamp(50px,8vh,90px) clamp(20px,4vw,56px);
}
.how h2{
  font-family:var(--display);font-weight:700;text-transform:uppercase;
  font-size:clamp(22px,3vw,34px);margin-bottom:34px;
}
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}
.step{border:1px solid var(--line);border-radius:4px;padding:24px;background:rgba(255,255,255,.02)}
.step .n{font-family:var(--mono);font-size:11px;letter-spacing:.16em;color:var(--accent)}
.step h3{font-family:var(--display);font-weight:700;font-size:17px;margin-top:12px;text-transform:uppercase}
.step p{color:var(--dim);font-size:14px;line-height:1.65;margin-top:10px;font-weight:300}

/* ---------- WOOCOMMERCE ---------- */
.woocommerce, .woocommerce-page {
  color:var(--ink);
  font-family:var(--body);
}
.woocommerce .page-title, .woocommerce-page .page-title,
.woocommerce div.product .product_title {
  font-family:var(--display);font-weight:700;text-transform:uppercase;
  color:var(--ink);
}
.woocommerce .price, .woocommerce-page .price,
.woocommerce div.product p.price, .woocommerce div.product span.price {
  color:var(--accent) !important;
  font-family:var(--display);font-weight:700;font-size:clamp(24px,2.5vw,32px);
}
.woocommerce .product .summary, .woocommerce-page .product .summary {
  color:var(--dim);
}
.woocommerce div.product .woocommerce-product-details__short-description,
.woocommerce-page div.product .woocommerce-product-details__short-description {
  color:var(--dim);font-weight:300;line-height:1.7;
}
.woocommerce .quantity .qty {
  background:var(--bg2);color:var(--ink);border:1px solid var(--line);padding:8px;border-radius:2px;
}
.woocommerce button.button.alt, .woocommerce-page button.button.alt,
.woocommerce a.button.alt, .woocommerce-page a.button.alt {
  font-family:var(--mono);font-size:13px;letter-spacing:.06em;
  background:var(--accent) !important;color:var(--bg) !important;
  padding:14px 24px !important;border-radius:2px !important;
  transition:transform .25s !important;
}
.woocommerce button.button.alt:hover, .woocommerce a.button.alt:hover {
  transform:translateY(-2px);opacity:.9;
}
.woocommerce-tabs .tabs, .woocommerce-page .woocommerce-tabs .tabs {
  border-bottom:1px solid var(--line);
}
.woocommerce-tabs .tabs li a, .woocommerce-page .woocommerce-tabs .tabs li a {
  font-family:var(--mono);font-size:12px;letter-spacing:.1em;color:var(--dim);
  background:transparent !important;
}
.woocommerce-tabs .tabs li.active a, .woocommerce-page .woocommerce-tabs .tabs li.active a {
  color:var(--accent) !important;
}
.woocommerce-tabs .panel, .woocommerce-page .woocommerce-tabs .panel,
.woocommerce-Tabs-panel, .woocommerce-page .woocommerce-Tabs-panel {
  color:var(--dim);font-weight:300;line-height:1.7;
  background:transparent !important;
}
.woocommerce-tabs .panel h2, .woocommerce-Tabs-panel h2,
.woocommerce-tabs .panel h3, .woocommerce-Tabs-panel h3 {
  font-family:var(--display);color:var(--ink);
}
.woocommerce .related h2, .woocommerce-page .related h2,
.woocommerce .upsells h2, .woocommerce-page .upsells h2,
.woocommerce .cross-sells h2 {
  font-family:var(--display);font-weight:700;text-transform:uppercase;color:var(--ink);
}
/* Shop page */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce-page ul.products li.product .woocommerce-loop-product__title {
  font-family:var(--display);color:var(--ink);
}
.woocommerce ul.products li.product .price {
  color:var(--accent) !important;
}
.woocommerce ul.products li.product .button {
  font-family:var(--mono);font-size:11px;
  background:var(--line);color:var(--ink);border-radius:2px;
}
.woocommerce ul.products li.product .button:hover {
  background:var(--accent);color:var(--bg);
}
/* Breadcrumbs */
.woocommerce .woocommerce-breadcrumb, .woocommerce-page .woocommerce-breadcrumb {
  font-family:var(--mono);font-size:11px;color:var(--dim);
}
.woocommerce .woocommerce-breadcrumb a, .woocommerce-page .woocommerce-breadcrumb a {
  color:var(--ink);
}
/* Cart / Checkout */
.woocommerce table.shop_table, .woocommerce-page table.shop_table {
  background:var(--bg2);color:var(--ink);border-color:var(--line);
}
.woocommerce table.shop_table th, .woocommerce-page table.shop_table th {
  font-family:var(--mono);font-size:11px;color:var(--dim);text-transform:uppercase;
}
.woocommerce table.shop_table td, .woocommerce-page table.shop_table td {
  color:var(--ink);
}
.woocommerce .cart_totals h2, .woocommerce-page .cart_totals h2 {
  font-family:var(--display);color:var(--ink);
}
/* Select / dropdown styling */
.woocommerce select, .woocommerce-page select {
  background:var(--bg2);color:var(--ink);border:1px solid var(--line);padding:6px;border-radius:2px;
}
/* Product gallery */
.woocommerce div.product div.images .woocommerce-product-gallery {
  background:transparent;
}
/* Notices */
.woocommerce .woocommerce-message, .woocommerce-page .woocommerce-message {
  background:var(--bg2);color:var(--ink);border-top-color:var(--accent);
}
.woocommerce .woocommerce-info, .woocommerce-page .woocommerce-info {
  background:var(--bg2);color:var(--ink);border-top-color:var(--accent);
}
.woocommerce .woocommerce-error, .woocommerce-page .woocommerce-error {
  background:var(--bg2);color:var(--ink);border-top-color:#ff4444;
}
/* Select2 dropdown (variations) */
.select2-container .select2-selection--single {
  background:var(--bg2) !important;color:var(--ink) !important;border-color:var(--line) !important;
}
.select2-container .select2-results__option {
  background:var(--bg2);color:var(--dim);
}
.select2-container .select2-results__option--highlighted {
  background:var(--accent) !important;color:var(--bg) !important;
}
.select2-dropdown {
  background:var(--bg2);border-color:var(--line);
}