/* ============================================================
   LLN — Aurora (finalized theme)
   Boreal forest: green base, northern-lights rail (green→cyan→violet),
   cyan + violet complementary accents, geometric Space Grotesk.
   ============================================================ */

html[data-style="aurora"]{
  /* brand */
  --brand:oklch(0.55 0.12 172); --brand-press:oklch(0.48 0.12 174);
  --brand-soft:oklch(0.95 0.05 185); --brand-line:oklch(0.83 0.06 205);
  /* navigation rail */
  --nav:oklch(0.28 0.05 200); --nav-2:oklch(0.34 0.05 205); --nav-ink:oklch(0.85 0.03 200);
  /* complementary accents */
  --accent:oklch(0.72 0.13 200); --accent-2:oklch(0.66 0.16 300); --accent-soft:oklch(0.95 0.05 200);
  /* gradients */
  --grad-nav:linear-gradient(152deg, oklch(0.3 0.06 168), oklch(0.28 0.06 215) 52%, oklch(0.27 0.07 292));
  --grad-brand:linear-gradient(135deg, oklch(0.56 0.13 172), oklch(0.6 0.12 206));
  --grad-mark:linear-gradient(135deg, oklch(0.56 0.13 170), oklch(0.7 0.13 200) 52%, oklch(0.62 0.16 300));
  /* type */
  --sans:"Space Grotesk",-apple-system,"Helvetica Neue",sans-serif;
  --display:"Space Grotesk",-apple-system,sans-serif;
}

/* ---------- structural treatment (gradients, accents, type) ---------- */
html[data-style] body{ font-family:var(--sans); }

html[data-style] .brand .wm,
html[data-style] .topbar h1,
html[data-style] .upload-card h2,
html[data-style] .ld-name,
html[data-style] .empty h3,
html[data-style] .tw-head span{ font-family:var(--display); letter-spacing:-.01em; }
html[data-style] .dock .stat b{ font-family:var(--display); }

/* navigation rail — aurora gradient */
html[data-style] .rail{ background:var(--grad-nav); }
html[data-style] .navlink.active{ background:var(--grad-brand); box-shadow:inset 3px 0 0 var(--accent); }
html[data-style] .navlink.active .tag{ background:rgba(255,255,255,.2); }

/* brand mark — green→cyan→violet gradient tile */
html[data-style] .brand .mk{ background:var(--grad-mark); box-shadow:0 6px 16px -6px var(--accent); }

/* primary buttons — subtle gradient + tinted shadow */
html[data-style] .btn.primary{ background:var(--grad-brand); border-color:transparent; box-shadow:0 6px 16px -10px var(--brand); }
html[data-style] .btn.primary:hover{ filter:brightness(1.05); }

/* accent touches */
html[data-style] .ld-more .chev,
html[data-style] .leads tbody tr[data-idx]:hover .chev{ color:var(--accent); }
html[data-style] .up-foot a{ color:var(--accent); }
html[data-style] .badge.brand{ background:linear-gradient(180deg,var(--brand-soft),#fff); }
html[data-style] .cn-item{ border-left-color:var(--accent); }

/* thin gradient underline on sticky headers */
html[data-style] .topbar{ position:sticky; }
html[data-style] .topbar::after{ content:""; position:absolute; left:0; right:0; bottom:-1px; height:2px;
  background:linear-gradient(90deg,var(--brand),var(--accent) 50%,var(--accent-2) 78%,transparent); opacity:.75; }
html[data-style] .sheet-head{ position:sticky; }
html[data-style] .sheet-head::after{ content:""; position:absolute; left:0; right:0; bottom:-1px; height:2px;
  background:linear-gradient(90deg,var(--brand),var(--accent) 50%,var(--accent-2) 78%,transparent); opacity:.65; }

/* soft accent glow on upload / empty / drawer head */
html[data-style] .upload-wrap{ background:radial-gradient(120% 80% at 50% -10%, var(--accent-soft), transparent 55%); }
html[data-style] .empty .eic{ background:var(--accent-soft); color:var(--accent); border-color:transparent; }
html[data-style] .dropzone .dzic{ background:var(--grad-mark); color:#fff; }
html[data-style] .ld-head{ background:linear-gradient(180deg,var(--brand-soft),#fff); }
html[data-style] .lt-btn{ background:linear-gradient(180deg,var(--brand-soft),#fff); }