/* READABILITY: tokens + panel paint. Edit glass here (--lux-panel-*, --lux-soft-chrome-*). §1 base · §3 paint. */
/* ── §1 base tokens ── */
:root {
  --lux-bg: #070910;
  --lux-shell-background: var(--lux-bg);
  --lux-bg-soft: #0e1220;
  --lux-surface: #101726;
  --lux-surface-2: #151d2e;
  --lux-surface-3: #1b2539;
  --palette-obsidian-dark: radial-gradient(ellipse at 18% 12%, rgba(200, 130, 42, 0.22), transparent 42%), radial-gradient(ellipse at 78% 82%, rgba(216, 170, 86, 0.14), transparent 36%), radial-gradient(circle at 52% 48%, rgba(139, 90, 30, 0.08), transparent 55%), linear-gradient(168deg, #140f08 0%, #1a1308 40%, #0f0c06 100%);
  --palette-obsidian-light: radial-gradient(ellipse at 18% 12%, rgba(200, 130, 42, 0.14), transparent 42%), radial-gradient(ellipse at 78% 82%, rgba(216, 170, 86, 0.10), transparent 36%), radial-gradient(circle at 52% 48%, rgba(255, 210, 140, 0.08), transparent 55%), linear-gradient(168deg, #faf5ec 0%, #f4eadb 40%, #eee0cc 100%);
  --palette-slate-dark: radial-gradient(ellipse at 22% 8%, rgba(66, 108, 218, 0.24), transparent 40%), radial-gradient(ellipse at 76% 86%, rgba(100, 160, 255, 0.14), transparent 34%), radial-gradient(circle at 48% 50%, rgba(30, 58, 138, 0.10), transparent 52%), linear-gradient(168deg, #0a0e1e 0%, #0e142c 40%, #080c18 100%);
  --palette-slate-light: radial-gradient(ellipse at 22% 8%, rgba(66, 108, 218, 0.14), transparent 40%), radial-gradient(ellipse at 76% 86%, rgba(120, 170, 255, 0.10), transparent 34%), radial-gradient(circle at 48% 50%, rgba(180, 210, 255, 0.08), transparent 52%), linear-gradient(168deg, #eef3fc 0%, #e2ecfa 40%, #d8e4f6 100%);
  --palette-pine-dark: radial-gradient(ellipse at 16% 14%, rgba(22, 160, 100, 0.24), transparent 40%), radial-gradient(ellipse at 82% 80%, rgba(80, 220, 160, 0.12), transparent 34%), radial-gradient(circle at 50% 46%, rgba(10, 100, 60, 0.10), transparent 50%), linear-gradient(168deg, #081410 0%, #0c1c14 40%, #06100c 100%);
  --palette-pine-light: radial-gradient(ellipse at 16% 14%, rgba(22, 160, 100, 0.14), transparent 40%), radial-gradient(ellipse at 82% 80%, rgba(80, 220, 160, 0.10), transparent 34%), radial-gradient(circle at 50% 46%, rgba(160, 240, 200, 0.08), transparent 50%), linear-gradient(168deg, #eefaf3 0%, #e0f5ea 40%, #d4f0de 100%);
  --palette-burgundy-dark: radial-gradient(ellipse at 20% 10%, rgba(180, 40, 60, 0.22), transparent 40%), radial-gradient(ellipse at 78% 84%, rgba(220, 80, 80, 0.12), transparent 34%), radial-gradient(circle at 50% 50%, rgba(120, 20, 30, 0.10), transparent 50%), linear-gradient(168deg, #160a0c 0%, #1e0e10 40%, #100608 100%);
  --palette-burgundy-light: radial-gradient(ellipse at 20% 10%, rgba(200, 50, 70, 0.12), transparent 40%), radial-gradient(ellipse at 78% 84%, rgba(240, 100, 100, 0.08), transparent 34%), radial-gradient(circle at 50% 50%, rgba(255, 180, 180, 0.08), transparent 50%), linear-gradient(168deg, #fceff0 0%, #f8e2e4 40%, #f2d4d8 100%);
  --palette-sand-dark: radial-gradient(ellipse at 18% 12%, rgba(190, 150, 90, 0.22), transparent 40%), radial-gradient(ellipse at 80% 82%, rgba(220, 190, 140, 0.12), transparent 34%), radial-gradient(circle at 50% 48%, rgba(140, 100, 50, 0.08), transparent 50%), linear-gradient(168deg, #14100a 0%, #1a1610 40%, #0e0c08 100%);
  --palette-sand-light: radial-gradient(ellipse at 18% 12%, rgba(200, 170, 110, 0.12), transparent 40%), radial-gradient(ellipse at 80% 82%, rgba(230, 210, 160, 0.10), transparent 34%), radial-gradient(circle at 50% 48%, rgba(245, 230, 190, 0.08), transparent 50%), linear-gradient(168deg, #faf8f2 0%, #f5f0e4 40%, #efe8d6 100%);
  --palette-ink-dark: radial-gradient(ellipse at 24% 12%, rgba(130, 60, 200, 0.24), transparent 40%), radial-gradient(ellipse at 74% 84%, rgba(180, 100, 220, 0.12), transparent 34%), radial-gradient(circle at 46% 52%, rgba(80, 20, 150, 0.10), transparent 50%), linear-gradient(168deg, #100a18 0%, #160e22 40%, #0a060e 100%);
  --palette-ink-light: radial-gradient(ellipse at 24% 12%, rgba(140, 70, 190, 0.14), transparent 40%), radial-gradient(ellipse at 74% 84%, rgba(180, 110, 220, 0.10), transparent 34%), radial-gradient(circle at 46% 52%, rgba(210, 160, 240, 0.08), transparent 50%), linear-gradient(168deg, #f6f0fc 0%, #efe4f8 40%, #e6d8f2 100%);
  --palette-ocean-dark: radial-gradient(ellipse at 20% 15%, rgba(0, 140, 140, 0.24), transparent 40%), radial-gradient(ellipse at 80% 80%, rgba(40, 180, 170, 0.14), transparent 34%), radial-gradient(circle at 50% 50%, rgba(0, 90, 80, 0.10), transparent 50%), linear-gradient(168deg, #081214 0%, #0c1a1c 40%, #060e10 100%);
  --palette-ocean-light: radial-gradient(ellipse at 20% 15%, rgba(0, 160, 150, 0.14), transparent 40%), radial-gradient(ellipse at 80% 80%, rgba(60, 210, 220, 0.10), transparent 34%), radial-gradient(circle at 50% 50%, rgba(150, 235, 240, 0.08), transparent 50%), linear-gradient(168deg, #ecfafa 0%, #dff4f5 40%, #d2eef0 100%);
  --palette-platinum-dark: radial-gradient(ellipse at 22% 10%, rgba(123, 138, 154, 0.18), transparent 40%), radial-gradient(ellipse at 76% 86%, rgba(168, 180, 192, 0.10), transparent 34%), radial-gradient(circle at 48% 50%, rgba(60, 68, 78, 0.12), transparent 52%), linear-gradient(168deg, #1a1e24 0%, #222830 40%, #2a3038 100%);
  --palette-platinum-light: radial-gradient(ellipse at 22% 10%, rgba(90, 100, 112, 0.14), transparent 40%), radial-gradient(ellipse at 76% 86%, rgba(74, 85, 99, 0.10), transparent 34%), radial-gradient(circle at 48% 50%, rgba(113, 128, 150, 0.08), transparent 50%), linear-gradient(168deg, #7b8fa8 0%, #6b7f98 40%, #5b6f88 100%);
  --lux-border: rgba(255, 255, 255, 0.20);
  --lux-border-strong: rgba(255, 255, 255, 0.32);
  --lux-text: #fbfaf6;
  --lux-text-muted: rgba(251, 250, 246, 0.74);
  --lux-text-soft: rgba(251, 250, 246, 0.42);
  --lux-accent: #c8822a;
  --lux-accent-2: #d8aa56;
  --lux-accent-rgb: 200, 130, 42;
  --lux-shell-start-rgb: 20, 25, 38;
  --lux-shell-end-rgb: 8, 11, 19;
  --lux-shell-glow-rgb: 216, 170, 86;
  --lux-glass-tint-rgb: 16, 23, 38;
  --lux-topbar-tint-rgb: 11, 18, 32;
  --lux-home-secondary-rgb: 216, 170, 86;
  --lux-green: #48bf86;
  --lux-shadow-ink-rgb: 48, 34, 22;
  --lux-sidebar-width: 220px;
  --lux-topbar-height: 78px;
  --lux-topbar-offset-top: 18px;
  --lux-chrome-gap: 12px;
  --lux-chrome-bottom-fallback: calc(var(--lux-topbar-offset-top) + var(--lux-topbar-height) + var(--lux-chrome-gap));
  --lux-chrome-bottom: var(--lux-chrome-bottom-fallback);
  --lux-radius: 16px;
  --lux-shadow: 0 22px 60px rgba(0, 0, 0, 0.38);
  --lux-panel-surface: var(--lux-surface);
  --lux-panel-surface-soft: var(--lux-surface);
  --lux-panel-border: var(--lux-border);
  --lux-panel-border-soft: var(--lux-border);
  --lux-elev-1: none;
  --lux-elev-2: none;
  --lux-elev-3: none;
  --lux-panel-control: transparent;
  --lux-soft-chrome-control: transparent;
  --lux-panel-shadow-soft: none;
  --lux-panel-shadow: none;
  --lux-btn-pill-radius: 0 22px 0 22px;
  --lux-icon-btn-size: 44px;
  --lux-icon-btn-radius: 16px;
  --lux-primary-btn-min-height: 46px;
  --lux-secondary-btn-min-height: 44px;
  --lux-canvas-opacity: 0.82;
  --lux-overlay-opacity: 0.56;
  --lux-panel-alpha: 0.74;
  --lux-raised-alpha: 0.09;
  --lux-glass-alpha: 0.06;
  --lux-utility-alpha: 0.82;
  --lux-panel-fill-alpha: 0.08;
  --lux-raised-fill-alpha: 0.045;
  --lux-utility-fill-alpha: 0.11;
  --lux-topbar-raised-alpha: 0.18;
  --lux-button-glow: 0.42;
  --lux-panel-glow: 0.22;
  --lux-glass-highlight-alpha: 0.05;
  --lux-glass-blur: var(--lux-transparency-blur, 14px);
  --lux-glass-blur-quality-mult: 1;
  --lux-panel-blur-filter: blur(calc(var(--lux-transparency-blur, var(--lux-glass-blur, 14px)) * 0.55));
  --lux-grid-row-height: 28px;
  --lux-topbar-fill-alpha: 0.78;
  --lux-scrollbar-size: 7px;
  --lux-scrollbar-track: transparent;
  --lux-scrollbar-thumb: rgba(var(--lux-accent-rgb), calc(0.24 + var(--lux-glass-alpha, 0.06)));
  --lux-scrollbar-thumb-hover: rgba(var(--lux-accent-rgb), calc(0.42 + var(--lux-panel-glow, 0.22) * 0.35));
}
body {
  color: var(--lux-text);
  min-height: 100vh;
  overflow-x: hidden;
  position: relative;
  isolation: isolate;
}
body.palette-obsidian-amber { background: var(--palette-obsidian-dark); }
body.palette-obsidian-amber.lux-light-mode { background: var(--palette-obsidian-light); }
body.palette-slate-sapphire { background: var(--palette-slate-dark); }
body.palette-slate-sapphire.lux-light-mode { background: var(--palette-slate-light); }
body.palette-pine-jade { background: var(--palette-pine-dark); }
body.palette-pine-jade.lux-light-mode { background: var(--palette-pine-light); }
body.palette-burgundy-rose { background: var(--palette-burgundy-dark); }
body.palette-burgundy-rose.lux-light-mode { background: var(--palette-burgundy-light); }
body.palette-sand-pearl { background: var(--palette-sand-dark); }
body.palette-sand-pearl.lux-light-mode { background: var(--palette-sand-light); }
body.palette-ink-orchid { background: var(--palette-ink-dark); }
body.palette-ink-orchid.lux-light-mode { background: var(--palette-ink-light); }
body.palette-ocean-teal { background: var(--palette-ocean-dark); }
body.palette-ocean-teal.lux-light-mode { background: var(--palette-ocean-light); }
body.palette-platinum-silver { background: var(--palette-platinum-dark); }
body.palette-platinum-silver.lux-light-mode { background: var(--palette-platinum-light); }
body.lux-light-mode:not([data-faculty]), body.lux-light-mode[data-faculty=""] {
  --lux-bg: #f4f0e8;
  --lux-shell-background: radial-gradient(ellipse at 20% 14%, rgba(200, 160, 80, 0.06), transparent 38%), radial-gradient(ellipse at 80% 80%, rgba(180, 140, 90, 0.04), transparent 30%), linear-gradient(168deg, #f8f4ec 0%, #f2ece0 40%, #eee6d6 100%);
  --lux-bg-soft: #f9f5ee;
  --lux-surface: #ffffff;
  --lux-surface-2: #f5f1ea;
  --lux-surface-3: #ece6db;
  --lux-border: rgba(48, 34, 22, 0.16);
  --lux-border-strong: rgba(48, 34, 22, 0.18);
  --lux-text: #201912;
  --lux-text-muted: rgba(32, 25, 18, 0.66);
  --lux-text-soft: rgba(32, 25, 18, 0.36);
  --lux-shadow: 0 24px 54px rgba(62, 42, 20, 0.12);
  background: var(--lux-shell-background);
}
body.lux-light-mode {
  --lux-glass-tint-rgb: 246, 239, 229;
  --lux-scrollbar-thumb: rgba(48, 34, 22, 0.18);
  --lux-scrollbar-thumb-hover: color-mix(in srgb, rgba(var(--lux-accent-rgb), 0.48) 55%, rgba(48, 34, 22, 0.28));
  --lux-bg: #efebe4;
  --lux-shell-background: radial-gradient(ellipse at 20% 14%, rgba(200, 160, 80, 0.06), transparent 38%), radial-gradient(ellipse at 80% 80%, rgba(180, 140, 90, 0.04), transparent 30%), linear-gradient(168deg, #f8f4ec 0%, #f2ece0 40%, #eee6d6 100%);
  --lux-bg-soft: #f7f3ec;
  --lux-surface: #ffffff;
  --lux-surface-2: #f5f1ea;
  --lux-surface-3: #ece6db;
  --lux-border: rgba(48, 34, 22, 0.16);
  --lux-border-strong: rgba(48, 34, 22, 0.18);
  --lux-text: #201912;
  --lux-text-muted: rgba(32, 25, 18, 0.66);
  --lux-text-soft: rgba(32, 25, 18, 0.36);
  --lux-shadow: 0 24px 54px rgba(62, 42, 20, 0.12);
}
body.palette-obsidian-amber { --lux-shell-background: var(--palette-obsidian-dark); }
body.palette-obsidian-amber.lux-light-mode { --lux-shell-background: var(--palette-obsidian-light); }
body.palette-slate-sapphire { --lux-shell-background: var(--palette-slate-dark); }
body.palette-slate-sapphire.lux-light-mode { --lux-shell-background: var(--palette-slate-light); }
body.palette-pine-jade { --lux-shell-background: var(--palette-pine-dark); }
body.palette-pine-jade.lux-light-mode { --lux-shell-background: var(--palette-pine-light); }
body.palette-burgundy-rose { --lux-shell-background: var(--palette-burgundy-dark); }
body.palette-burgundy-rose.lux-light-mode { --lux-shell-background: var(--palette-burgundy-light); }
body.palette-sand-pearl { --lux-shell-background: var(--palette-sand-dark); }
body.palette-sand-pearl.lux-light-mode { --lux-shell-background: var(--palette-sand-light); }
body.palette-ink-orchid { --lux-shell-background: var(--palette-ink-dark); }
body.palette-ink-orchid.lux-light-mode { --lux-shell-background: var(--palette-ink-light); }
body.palette-ocean-teal { --lux-shell-background: var(--palette-ocean-dark); }
body.palette-ocean-teal.lux-light-mode { --lux-shell-background: var(--palette-ocean-light); }
body.palette-platinum-silver { --lux-shell-background: var(--palette-platinum-dark); }
body.palette-platinum-silver.lux-light-mode { --lux-shell-background: var(--palette-platinum-light); }
body.palette-platinum-silver:not(.lux-light-mode) { --lux-glass-tint-rgb: 38, 42, 48; --lux-topbar-tint-rgb: 10, 12, 14; }
body.palette-platinum-silver.lux-light-mode { --lux-glass-tint-rgb: 130, 136, 142; --lux-topbar-tint-rgb: 120, 126, 132; }
html.lux-high-transparency.lux-high-transparency.lux-high-transparency body:not(.lux-light-mode) {
  --lux-hero-glow: 0;
  --lux-scrollbar-thumb: rgba(var(--lux-accent-rgb), calc(0.18 + var(--lux-transparency-alpha, 0.92) * 0.06));
}
html.lux-high-transparency.lux-high-transparency.lux-high-transparency body.lux-light-mode {
  --lux-hero-glow: 0;
  --lux-scrollbar-thumb: rgba(48, 34, 22, 0.16);
}
:root { --lux-transparency-blur: 18px; --lux-transparency-saturate: 145%; }
body[data-lux-performance='efficient'] { --lux-scrollbar-size: 6px; }
:root {
  --lux-warmglass-overlay-dark: rgba(0, 0, 0, 0.55);
  --lux-warmglass-overlay-light: rgba(73, 48, 25, 0.20);
  --lux-warmglass-surface: linear-gradient(180deg, rgba(14, 20, 33, 0.97), rgba(8, 12, 21, 0.95));
  --lux-warmglass-section: rgba(255, 255, 255, 0.06);
  --lux-warmglass-input: rgba(255, 255, 255, 0.09);
  --lux-warmglass-border: rgba(255, 255, 255, 0.12);
  --lux-warmglass-blur: blur(20px) saturate(145%);
  --lux-warmglass-shadow-dark: 0 34px 80px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.07);
  --lux-warmglass-shadow-light: 0 24px 56px rgba(73, 48, 25, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.62);
  --lux-warmglass-section-shadow: 0 4px 12px rgba(73, 48, 25, 0.06);
  --lux-panel-modal-section: var(--lux-warmglass-section);
  --lux-panel-modal-head-tint: radial-gradient(circle at 12% 0%, rgba(var(--lux-accent-rgb), 0.12), transparent 42%);
  --lux-panel-modal-foot-tint: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.08));
  --lux-panel-modal-foot-tint-light: linear-gradient(180deg, transparent, rgba(48, 34, 22, 0.05));
  --lux-panel-cta-accent: linear-gradient(135deg, rgba(var(--lux-accent-rgb), 0.95), rgba(var(--lux-accent-rgb), 0.72));
  --lux-frosted-glass-surface: rgba(8, 12, 21, 0.50);
  --lux-frosted-glass-border: rgba(255, 255, 255, 0.14);
  --lux-frosted-glass-blur: blur(22px) saturate(140%);
  --lux-frosted-glass-shadow: 0 24px 60px rgba(0, 0, 0, 0.42), inset 0 1px 0 rgba(255, 255, 255, 0.10);
  --lux-popup-shell-surface: var(--lux-frosted-glass-surface);
  --lux-popup-shell-border: var(--lux-frosted-glass-border);
  --lux-popup-shell-blur: var(--lux-frosted-glass-blur);
  --lux-popup-shell-shadow: var(--lux-frosted-glass-shadow);
  --lux-popup-anim-duration: 240ms;
  --lux-popup-anim-close-duration: 180ms;
  --lux-popup-slide-offset: 12px;
  --lux-popup-scale-closed: 0.97;
}
html.lux-light-mode, body.lux-light-mode {
  --lux-warmglass-surface: radial-gradient(circle at 8% 0%, rgba(255, 255, 255, 0.62), transparent 32%), radial-gradient(circle at 78% 0%, rgba(var(--lux-accent-rgb), 0.10), transparent 38%), linear-gradient(135deg, rgba(255, 255, 255, 0.58), rgba(247, 241, 232, 0.44));
  --lux-warmglass-section: rgba(255, 255, 255, 0.42);
  --lux-warmglass-input: rgba(255, 255, 255, 0.52);
  --lux-warmglass-border: rgba(77, 52, 31, 0.12);
  --lux-warmglass-blur: blur(26px) saturate(155%);
  --lux-frosted-glass-surface: rgba(255, 255, 255, 0.50);
  --lux-frosted-glass-border: rgba(77, 52, 31, 0.14);
  --lux-frosted-glass-blur: blur(22px) saturate(140%);
  --lux-frosted-glass-shadow: 0 22px 50px rgba(73, 48, 25, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.55);
}
/* ── §3 shared panel / soft-chrome paint surfaces ── */
:root {
  /* Outer host SSOT = denser desk glass (redesign fill/surface/blur here). Soft stays for chips. */
  --lux-panel-fill: color-mix(in srgb, rgba(8, 12, 21, var(--lux-transparency-alpha, 0.70)) 88%, transparent);
  --lux-panel-surface-soft: radial-gradient(circle at 12% 0%, rgba(255, 255, 255, calc(var(--lux-color-fade-alpha, .92) * 0.055)), transparent 30%), radial-gradient(circle at 84% 0%, rgba(var(--lux-accent-rgb), calc(var(--lux-panel-glow, 0.22) * 0.55)), transparent 34%), linear-gradient(135deg, rgba(var(--lux-accent-rgb), calc(var(--lux-panel-glow, 0.22) * 0.28)), rgba(10, 15, 24, calc(var(--lux-transparency-alpha, .92) * 0.88)) 46%, rgba(7, 10, 18, calc(var(--lux-transparency-alpha, .92) * 0.80)));
  --lux-panel-surface:
    radial-gradient(circle at 16% 0%, rgba(255, 255, 255, calc(var(--lux-transparency-alpha, 0.70) * 0.10)), transparent 34%),
    radial-gradient(ellipse 42% 28% at 82% 14%, rgba(var(--lux-accent-rgb), calc(var(--lux-panel-glow, 0.22) * 0.42)), transparent 72%),
    linear-gradient(145deg,
      rgba(var(--lux-accent-rgb), calc(var(--lux-panel-glow, 0.22) * 0.45)),
      rgba(8, 12, 21, var(--lux-transparency-alpha, 0.70)) 44%,
      rgba(6, 9, 16, var(--lux-transparency-alpha, 0.70)) 100%
    );
  --lux-panel-border-soft: rgba(var(--lux-accent-rgb), 0.12);
  --lux-panel-border: rgba(var(--lux-accent-rgb), 0.22);
  /* Outer host rim/glow — redesign with fill/surface/blur; FOUC/shell/home consume these. */
  --lux-panel-host-border: color-mix(
    in srgb,
    rgba(var(--lux-accent-rgb), calc(var(--lux-panel-glow, 0.22) * 0.90)) 48%,
    var(--lux-soft-chrome-border, var(--lux-panel-border))
  );
  --lux-soft-chrome-rim-ring: 0 0 0 1px rgba(var(--lux-accent-rgb), calc(var(--lux-panel-glow, 0.22) * 0.50));
  --lux-soft-chrome-rim-soft-ring: 0 0 0 1px rgba(var(--lux-accent-rgb), calc(var(--lux-panel-glow, 0.22) * 0.40));
  --lux-soft-chrome-rim-glow: 0 0 18px rgba(var(--lux-accent-rgb), calc(var(--lux-panel-glow, 0.22) * 0.32));
  --lux-soft-chrome-rim-soft-glow: 0 0 12px rgba(var(--lux-accent-rgb), calc(var(--lux-panel-glow, 0.22) * 0.22));
  --lux-soft-chrome-rim-halo: 0 0 40px rgba(var(--lux-accent-rgb), calc(var(--lux-panel-glow, 0.22) * 0.16));
  --lux-soft-chrome-border-accent: color-mix(
    in srgb,
    rgba(var(--lux-accent-rgb), calc(var(--lux-panel-glow, 0.22) * 0.90)) 48%,
    var(--lux-soft-chrome-border, var(--lux-panel-border))
  );
  --lux-soft-chrome-chip-shadow:
    var(--lux-soft-chrome-rim-ring),
    var(--lux-soft-chrome-rim-glow),
    var(--lux-soft-chrome-shadow, var(--lux-elev-2));
  --lux-soft-chrome-surface-shadow:
    var(--lux-soft-chrome-rim-soft-ring),
    var(--lux-soft-chrome-rim-soft-glow),
    var(--lux-soft-chrome-shadow, var(--lux-elev-2));
  --lux-soft-chrome-chip-shadow-halo:
    var(--lux-soft-chrome-rim-ring),
    var(--lux-soft-chrome-rim-glow),
    var(--lux-soft-chrome-rim-halo),
    var(--lux-soft-chrome-shadow, var(--lux-elev-2));
  --lux-panel-host-shadow:
    var(--lux-soft-chrome-rim-ring),
    var(--lux-soft-chrome-rim-glow),
    var(--lux-soft-chrome-shadow, var(--lux-elev-2));
  --lux-elev-1: 0 8px 20px rgba(0, 0, 0, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.05);
  --lux-elev-2: 0 14px 32px rgba(0, 0, 0, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.06);
  --lux-elev-3: 0 24px 58px rgba(0, 0, 0, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 0 0 1px rgba(var(--lux-accent-rgb), 0.04);
  --lux-panel-control: color-mix(in srgb, rgba(var(--lux-glass-tint-rgb), calc(var(--lux-raised-fill-alpha) + var(--lux-glass-highlight-alpha))) 94%, transparent);
  --lux-soft-chrome-control: color-mix(in srgb, var(--lux-panel-fill, rgba(255, 255, 255, 0.08)) 72%, transparent);
  --lux-panel-shadow-soft: var(--lux-elev-2);
  --lux-panel-shadow: var(--lux-elev-3);
  --lux-hub-card-shadow: var(--lux-elev-1);
  --lux-hub-active-rail-shadow: inset 3px 0 0 rgba(var(--lux-accent-rgb), 0.88), 0 8px 20px rgba(var(--lux-accent-rgb), 0.1);
  --lux-hub-active-row-shadow: inset 3px 0 0 rgba(var(--lux-accent-rgb), 0.72);
  --lux-hub-inset-ring-soft: inset 0 0 0 1px rgba(var(--lux-accent-rgb), 0.16);
  --lux-hub-inset-ring: inset 0 0 0 1px rgba(var(--lux-accent-rgb), 0.14);
  --lux-hub-inset-ring-strong: inset 0 0 0 1px rgba(var(--lux-accent-rgb), 0.34);
  --lux-hub-warn-inset-ring: inset 0 0 0 1px rgba(201, 138, 26, 0.12);
  --lux-hub-accent-lift-shadow: 0 10px 24px rgba(var(--lux-accent-rgb), 0.14);
  --lux-hub-popover-shadow: 0 22px 48px rgba(4, 8, 18, 0.52), 0 0 0 1px rgba(255, 255, 255, 0.06) inset;
  --lux-hub-popover-shadow-light: 0 18px 36px rgba(15, 23, 42, 0.12), 0 0 0 1px rgba(255, 255, 255, 0.72) inset;
  --lux-hub-studio-highlight-shadow: 0 0 0 1px rgba(var(--lux-accent-rgb), 0.22), 0 10px 24px rgba(var(--lux-accent-rgb), 0.12);
  --lux-hub-popover-blur: var(--lux-panel-blur-filter);
}
:root { --lux-topbar-shell-min-height: 76px; --lux-topbar-shell-padding: 14px 18px; }
:root {
  --lux-panel-fill-alpha: 0.08;
  --lux-raised-fill-alpha: 0.045;
  --lux-glass-highlight-alpha: 0.05;
  --lux-glass-blur: var(--lux-transparency-blur, 18px);
  --lux-grid-row-height: 28px;
  --lux-glass-tint-rgb: 16, 23, 38;
  --lux-topbar-tint-rgb: 11, 18, 32;
  --lux-topbar-fill-alpha: 0.78;
  --lux-bg-line-rgb: 200, 130, 42;
  --lux-bg-glow-rgb: 216, 170, 86;
  --lux-bg-particle-rgb: 216, 170, 86;
  --lux-bg-haze-rgb: 200, 130, 42;
}
:root {
  --lux-btn-pill-radius: 0 22px 0 22px;
  --lux-btn-frame-width: 3.5px;
  --lux-btn-border-solid: color-mix(in srgb, var(--lux-accent) 82%, #0a1520 18%);
  --lux-btn-frame-metal: linear-gradient( 145deg, color-mix(in srgb, var(--lux-accent) 42%, #fff 58%) 0%, color-mix(in srgb, var(--lux-accent) 88%, #fff 12%) 22%, var(--lux-accent) 48%, var(--lux-accent-2, var(--lux-accent)) 72%, color-mix(in srgb, var(--lux-accent) 40%, #0a1018 60%) 100% );
  --lux-btn-frame-metal-soft: linear-gradient( 145deg, color-mix(in srgb, var(--lux-accent) 35%, #fff 50%) 0%, color-mix(in srgb, var(--lux-accent) 70%, transparent) 50%, color-mix(in srgb, var(--lux-accent-2, var(--lux-accent)) 50%, #0a1018 40%) 100% );
  /* Single-layer fade densified to match prior well+::before stack (~0.66⊗2 ≈ 0.88). */
  --lux-btn-fade: radial-gradient(circle at 84% 0%, rgba(var(--lux-accent-rgb), calc(var(--lux-panel-glow, 0.22) * 0.88)), transparent 42%), radial-gradient(circle at 14% 0%, rgba(var(--lux-accent-rgb), calc(var(--lux-color-fade-alpha, 0.92) * 0.36)), transparent 40%);
  --lux-btn-fade-hover: radial-gradient(circle at 84% 0%, rgba(var(--lux-accent-rgb), calc(var(--lux-panel-glow, 0.22) * 0.96)), transparent 44%), radial-gradient(circle at 14% 0%, rgba(var(--lux-accent-rgb), calc(var(--lux-color-fade-alpha, 0.92) * 0.42)), transparent 42%);
  --lux-btn-well-base: linear-gradient( 180deg, color-mix(in srgb, #121820 calc(78% + var(--lux-transparency-alpha, 0.5) * 12%), var(--lux-accent) 6%) 0%, color-mix(in srgb, #0a0e14 calc(82% + var(--lux-transparency-alpha, 0.5) * 10%), transparent) 100% );
  --lux-btn-well-soft-base: linear-gradient( 180deg, color-mix(in srgb, #161c24 calc(72% + var(--lux-transparency-alpha, 0.5) * 14%), var(--lux-accent) 8%) 0%, color-mix(in srgb, #0c1016 calc(78% + var(--lux-transparency-alpha, 0.5) * 12%), transparent) 100% );
  --lux-btn-well: var(--lux-btn-fade), var(--lux-btn-well-base);
  --lux-btn-well-soft: var(--lux-btn-fade), var(--lux-btn-well-soft-base);
  --lux-btn-well-hover: var(--lux-btn-fade-hover), var(--lux-btn-well-base);
  --lux-btn-well-soft-hover: var(--lux-btn-fade-hover), var(--lux-btn-well-soft-base);
  --lux-btn-frame-shadow: 0 10px 26px rgba(0, 0, 0, 0.38), 0 0 0 1px color-mix(in srgb, var(--lux-accent) 22%, transparent), 0 4px 14px rgba(var(--lux-accent-rgb), 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.2);
  --lux-btn-frame-shadow-hover: 0 14px 34px rgba(0, 0, 0, 0.42), 0 0 0 1px color-mix(in srgb, var(--lux-accent) 38%, transparent), 0 8px 22px rgba(var(--lux-accent-rgb), 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.28);
  --lux-btn-sheen: linear-gradient( 105deg, transparent 35%, rgba(255, 255, 255, 0.14) 48%, rgba(255, 255, 255, 0.28) 50%, rgba(255, 255, 255, 0.12) 52%, transparent 65% );
  --lux-btn-label: #f7fbff;
  --lux-panel-cta-danger: var(--lux-btn-fade), linear-gradient(180deg, color-mix(in srgb, #2a1010 75%, #dc2626 25%) 0%, color-mix(in srgb, #120606 85%, transparent) 100%);
  --lux-panel-cta-danger-hover: var(--lux-btn-fade-hover), linear-gradient(180deg, color-mix(in srgb, #3a1414 72%, #ef4444 28%) 0%, color-mix(in srgb, #180808 82%, transparent) 100%);
  --lux-btn-danger-border: #dc2626;
  --lux-btn-ghost-well: var(--lux-btn-well);
  --lux-btn-ghost-well-hover: var(--lux-btn-well-hover);
  --lux-btn-ghost-frame: var(--lux-btn-frame-metal-soft);
  --lux-btn-ghost-label: var(--lux-btn-label);
  --lux-btn-ghost-shadow: var(--lux-btn-frame-shadow);
  --lux-btn-ghost-shadow-hover: var(--lux-btn-frame-shadow-hover);
  --lux-field-radius: 10px;
  --lux-field-min-height: var(--lux-secondary-btn-min-height, 44px);
  --lux-field-border-width: var(--lux-btn-frame-width, 3.5px);
  --lux-field-border: var(--lux-btn-border-solid);
  --lux-field-fill: var(--lux-btn-well-soft);
  --lux-field-fill-focus: var(--lux-btn-well-soft-hover, var(--lux-btn-well-soft));
  --lux-field-shadow: var(--lux-btn-frame-shadow);
  --lux-field-shadow-focus: var(--lux-btn-frame-shadow-hover);
  --lux-field-focus-ring: 0 0 0 3px rgba(var(--lux-accent-rgb), 0.12);
}
:root {
  --lux-hero-glow: 0.24;
  --lux-page-haze-top: 0.06;
  --lux-page-haze-bottom: 0.11;
  --lux-glow-scale: 1;
  --lux-raised-alpha: 0.09;
  --lux-glass-alpha: 0.06;
  --lux-card-glow-alpha: 0.06;
  --lux-utility-alpha: 0.82;
}
html.lux-light-mode, body.lux-light-mode {
  --lux-panel-fill: color-mix(in srgb, rgba(250, 246, 240, calc(var(--lux-transparency-alpha, 0.70) * 0.82)) 88%, transparent);
  --lux-panel-surface-soft: radial-gradient(circle at 12% 0%, rgba(255, 255, 255, calc(var(--lux-color-fade-alpha, .86) * 0.62)), transparent 30%), radial-gradient(circle at 84% 0%, rgba(var(--lux-accent-rgb), calc(var(--lux-panel-glow, 0.22) * 0.55)), transparent 34%), linear-gradient(135deg, rgba(var(--lux-accent-rgb), calc(var(--lux-panel-glow, 0.22) * 0.22)), rgba(255, 255, 255, calc(var(--lux-transparency-alpha, .86) * 0.84)) 46%, rgba(247, 241, 232, calc(var(--lux-transparency-alpha, .86) * 0.72)));
  --lux-panel-surface:
    radial-gradient(circle at 16% 0%, rgba(255, 255, 255, calc(var(--lux-transparency-alpha, 0.70) * 0.35)), transparent 34%),
    radial-gradient(ellipse 42% 28% at 82% 14%, rgba(var(--lux-accent-rgb), calc(var(--lux-panel-glow, 0.22) * 0.38)), transparent 72%),
    radial-gradient(ellipse 36% 32% at 100% 50%, rgba(var(--lux-accent-rgb), calc(var(--lux-panel-glow, 0.22) * 0.35)), transparent 68%),
    linear-gradient(145deg,
      rgba(var(--lux-accent-rgb), calc(var(--lux-panel-glow, 0.22) * 0.40)),
      rgba(250, 246, 240, var(--lux-transparency-alpha, 0.70)) 48%,
      rgba(244, 238, 228, var(--lux-transparency-alpha, 0.70)) 100%
    );
  --lux-panel-border-soft: rgba(var(--lux-accent-rgb), 0.11);
  --lux-panel-border: rgba(var(--lux-accent-rgb), 0.16);
  --lux-panel-host-border: color-mix(
    in srgb,
    rgba(var(--lux-accent-rgb), calc(var(--lux-panel-glow, 0.22) * 0.90)) 48%,
    var(--lux-soft-chrome-border, var(--lux-panel-border))
  );
  --lux-soft-chrome-rim-ring: 0 0 0 1px rgba(var(--lux-accent-rgb), calc(var(--lux-panel-glow, 0.22) * 0.50));
  --lux-soft-chrome-rim-soft-ring: 0 0 0 1px rgba(var(--lux-accent-rgb), calc(var(--lux-panel-glow, 0.22) * 0.40));
  --lux-soft-chrome-rim-glow: 0 0 18px rgba(var(--lux-accent-rgb), calc(var(--lux-panel-glow, 0.22) * 0.32));
  --lux-soft-chrome-rim-soft-glow: 0 0 12px rgba(var(--lux-accent-rgb), calc(var(--lux-panel-glow, 0.22) * 0.22));
  --lux-soft-chrome-rim-halo: 0 0 40px rgba(var(--lux-accent-rgb), calc(var(--lux-panel-glow, 0.22) * 0.16));
  --lux-soft-chrome-border-accent: color-mix(
    in srgb,
    rgba(var(--lux-accent-rgb), calc(var(--lux-panel-glow, 0.22) * 0.90)) 48%,
    var(--lux-soft-chrome-border, var(--lux-panel-border))
  );
  --lux-soft-chrome-chip-shadow:
    var(--lux-soft-chrome-rim-ring),
    var(--lux-soft-chrome-rim-glow),
    var(--lux-soft-chrome-shadow, var(--lux-elev-2));
  --lux-soft-chrome-surface-shadow:
    var(--lux-soft-chrome-rim-soft-ring),
    var(--lux-soft-chrome-rim-soft-glow),
    var(--lux-soft-chrome-shadow, var(--lux-elev-2));
  --lux-soft-chrome-chip-shadow-halo:
    var(--lux-soft-chrome-rim-ring),
    var(--lux-soft-chrome-rim-glow),
    var(--lux-soft-chrome-rim-halo),
    var(--lux-soft-chrome-shadow, var(--lux-elev-2));
  --lux-panel-host-shadow:
    var(--lux-soft-chrome-rim-ring),
    var(--lux-soft-chrome-rim-glow),
    var(--lux-soft-chrome-shadow, var(--lux-elev-2));
  --lux-elev-1: 0 6px 16px rgba(107, 91, 62, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.55);
  --lux-elev-2: 0 14px 30px rgba(107, 91, 62, 0.10), inset 0 1px 0 rgba(255, 255, 255, 0.62);
  --lux-elev-3: 0 22px 48px rgba(107, 91, 62, 0.13), inset 0 1px 0 rgba(255, 255, 255, 0.74), 0 0 0 1px rgba(var(--lux-accent-rgb), 0.035);
  --lux-panel-control: color-mix(in srgb, rgba(255, 255, 255, calc(var(--lux-transparency-alpha, 0.70) * 0.78)) 88%, rgba(var(--lux-accent-rgb), 0.04));
  --lux-soft-chrome-control: color-mix(in srgb, var(--lux-panel-fill, rgba(250, 246, 240, 0.82)) 76%, transparent);
}
body.lux-full-paint {
  --home-glass-border: color-mix( in srgb, rgba(var(--lux-accent-rgb), 0.72) 58%, var(--lux-border) );
  /*
   * Glassmorph density tracks slider (fillRatio → --lux-transparency-alpha):
   * 0% ≈ clear · 50% mixed frost · 100% dense glass (still polished glass, not flat matte).
   * Base uses full alpha so high opacity does not starfield-bleed; accents stay on top.
   */
  --home-glass-fill: rgba(8, 12, 21, var(--lux-transparency-alpha, 0.70));
  --home-chip-fill: rgba(12, 18, 28, calc(0.22 + var(--lux-transparency-alpha, 0.70) * 0.35));
  --lux-soft-chrome-surface:
    radial-gradient(circle at 16% 0%, rgba(255, 255, 255, calc(var(--lux-transparency-alpha, 0.70) * 0.10)), transparent 34%),
    radial-gradient(circle at 80% 18%, rgba(var(--lux-accent-rgb), calc(var(--lux-panel-glow, 0.22) * 0.90)), transparent 38%),
    linear-gradient(145deg,
      rgba(var(--lux-accent-rgb), calc(var(--lux-panel-glow, 0.22) * 0.45)),
      rgba(8, 12, 21, var(--lux-transparency-alpha, 0.70)) 44%,
      rgba(6, 9, 16, var(--lux-transparency-alpha, 0.70)) 100%
    );
  --lux-soft-chrome-border: color-mix(in srgb, var(--home-glass-border) 62%, transparent);
  --lux-soft-chrome-shadow:
    0 0 0 1px rgba(var(--lux-accent-rgb), 0.08),
    0 0 12px rgba(var(--lux-accent-rgb), 0.04),
    0 14px 32px rgba(0, 0, 0, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.08);
  --home-fade-soft: var(--lux-soft-chrome-surface);
  --home-fade-border-soft: var(--lux-soft-chrome-border);
  --home-fade-shadow-soft: var(--lux-soft-chrome-shadow);
  --home-fade-shadow-hover:
    0 8px 20px rgba(0, 0, 0, 0.14),
    0 0 0 1px rgba(var(--lux-accent-rgb), 0.16),
    inset 0 1px 0 rgba(255, 255, 255, 0.12);
  --home-chip-hover-lift: -3px;
  --home-chip-hover-lift-nested: -1px;
  /* Chip/picker glass — accent fade fill (inner shells only) */
  --home-chip-glass-fill: color-mix(in srgb, var(--home-glass-fill) 72%, transparent);
  /* Merged-desk inners: light tint + accent surface; desk keeps sole frost blur */
  --home-chip-surface-fill: color-mix(in srgb, var(--home-chip-fill) 58%, transparent);
  /* Outer host SSOT under full-paint — denser desk */
  --lux-panel-fill: color-mix(in srgb, var(--home-glass-fill) 88%, transparent);
  --lux-panel-surface:
    radial-gradient(circle at 16% 0%, rgba(255, 255, 255, calc(var(--lux-transparency-alpha, 0.70) * 0.10)), transparent 34%),
    radial-gradient(ellipse 42% 28% at 82% 14%, rgba(var(--lux-accent-rgb), calc(var(--lux-panel-glow, 0.22) * 0.42)), transparent 72%),
    linear-gradient(145deg,
      rgba(var(--lux-accent-rgb), calc(var(--lux-panel-glow, 0.22) * 0.45)),
      rgba(8, 12, 21, var(--lux-transparency-alpha, 0.70)) 44%,
      rgba(6, 9, 16, var(--lux-transparency-alpha, 0.70)) 100%
    );
  --lux-panel-blur-filter: blur(calc(var(--lux-transparency-blur, 14px) * 0.55));
  /* Frost follows Glass Blur quality via --lux-transparency-blur (engine SSOT). */
  --home-fade-blur: blur(var(--lux-transparency-blur, calc(var(--lux-transparency-alpha, 0.70) * 24px)))
    saturate(calc(100% + var(--lux-transparency-alpha, 0.70) * 25%));
  --lux-focus-fill: var(--lux-soft-chrome-surface);
  --lux-focus-border: var(--lux-soft-chrome-border);
  --lux-focus-shadow: var(--lux-soft-chrome-shadow);
}
html.lux-light-mode body.lux-full-paint, body.lux-light-mode.lux-full-paint {
  --home-glass-border: color-mix( in srgb, rgba(var(--lux-accent-rgb), 0.74) 68%, var(--lux-border) );
  --home-glass-fill: rgba(250, 246, 240, calc(var(--lux-transparency-alpha, 0.70) * 0.82));
  --home-chip-fill: rgba(255, 255, 255, calc(0.28 + var(--lux-transparency-alpha, 0.70) * 0.40));
  /* Light frost material: tinted translucent face + fill wash + soft elev (blur via --home-fade-blur). */
  --lux-soft-chrome-surface:
    radial-gradient(circle at 16% 0%, rgba(255, 255, 255, calc(var(--lux-transparency-alpha, 0.70) * 0.35)), transparent 34%),
    radial-gradient(circle at 80% 18%, rgba(var(--lux-accent-rgb), calc(var(--lux-panel-glow, 0.22) * 0.90)), transparent 38%),
    radial-gradient(circle at 100% 50%, rgba(var(--lux-accent-rgb), calc(var(--lux-panel-glow, 0.22) * 0.70)), transparent 44%),
    linear-gradient(145deg,
      rgba(var(--lux-accent-rgb), calc(var(--lux-panel-glow, 0.22) * 0.40)),
      rgba(250, 246, 240, var(--lux-transparency-alpha, 0.70)) 48%,
      rgba(244, 238, 228, var(--lux-transparency-alpha, 0.70)) 100%
    );
  --lux-soft-chrome-border: color-mix(in srgb, var(--home-glass-border) 82%, transparent);
  --lux-soft-chrome-shadow:
    0 0 0 1px rgba(var(--lux-accent-rgb), 0.18),
    0 0 18px rgba(var(--lux-accent-rgb), 0.08),
    0 12px 28px rgba(var(--lux-shadow-ink-rgb), 0.10),
    inset 0 1px 0 rgba(255, 255, 255, 0.65);
  --home-fade-soft: var(--lux-soft-chrome-surface);
  --home-fade-border-soft: var(--lux-soft-chrome-border);
  --home-fade-shadow-soft: var(--lux-soft-chrome-shadow);
  --home-fade-shadow-hover:
    0 8px 20px rgba(73, 48, 25, 0.12),
    0 0 0 1px rgba(var(--lux-accent-rgb), 0.16),
    inset 0 1px 0 rgba(255, 255, 255, 0.72);
  --home-fade-blur: blur(var(--lux-transparency-blur, calc(var(--lux-transparency-alpha, 0.70) * 24px)))
    saturate(calc(100% + var(--lux-transparency-alpha, 0.70) * 25%));
  --lux-focus-fill: var(--lux-soft-chrome-surface);
  --lux-focus-border: var(--lux-soft-chrome-border);
  --lux-focus-shadow: var(--lux-soft-chrome-shadow);
  --lux-panel-fill: color-mix(in srgb, var(--home-glass-fill) 88%, transparent);
  --lux-panel-surface:
    radial-gradient(circle at 16% 0%, rgba(255, 255, 255, calc(var(--lux-transparency-alpha, 0.70) * 0.35)), transparent 34%),
    radial-gradient(ellipse 42% 28% at 82% 14%, rgba(var(--lux-accent-rgb), calc(var(--lux-panel-glow, 0.22) * 0.38)), transparent 72%),
    radial-gradient(ellipse 36% 32% at 100% 50%, rgba(var(--lux-accent-rgb), calc(var(--lux-panel-glow, 0.22) * 0.35)), transparent 68%),
    linear-gradient(145deg,
      rgba(var(--lux-accent-rgb), calc(var(--lux-panel-glow, 0.22) * 0.40)),
      rgba(250, 246, 240, var(--lux-transparency-alpha, 0.70)) 48%,
      rgba(244, 238, 228, var(--lux-transparency-alpha, 0.70)) 100%
    );
  --lux-panel-blur-filter: blur(calc(var(--lux-transparency-blur, 14px) * 0.55));
}
/* 100%: dense glassmorph (keep gradient + blur + shadow — not flat matte). */
html.lux-fully-opaque body.lux-full-paint {
  --home-glass-fill: rgba(8, 12, 21, 0.96);
  --home-chip-fill: rgba(12, 18, 28, 0.55);
  --home-chip-glass-fill: var(--home-glass-fill);
  --lux-panel-fill: rgba(8, 12, 21, 1);
  --lux-panel-surface:
    radial-gradient(circle at 16% 0%, rgba(255, 255, 255, 0.08), transparent 34%),
    radial-gradient(ellipse 42% 28% at 82% 14%, rgba(var(--lux-accent-rgb), calc(var(--lux-panel-glow, 0.22) * 0.38)), transparent 72%),
    linear-gradient(145deg,
      rgba(var(--lux-accent-rgb), calc(var(--lux-panel-glow, 0.22) * 0.45)),
      rgba(8, 12, 21, 1) 44%,
      rgba(6, 9, 16, 1) 100%
    );
  --lux-panel-blur-filter: blur(calc(8px * var(--lux-glass-blur-quality-mult, 1)));
  --lux-soft-chrome-surface:
    radial-gradient(circle at 16% 0%, rgba(255, 255, 255, 0.08), transparent 34%),
    radial-gradient(circle at 80% 18%, rgba(var(--lux-accent-rgb), calc(var(--lux-panel-glow, 0.22) * 0.90)), transparent 38%),
    linear-gradient(145deg,
      rgba(var(--lux-accent-rgb), calc(var(--lux-panel-glow, 0.22) * 0.45)),
      rgba(8, 12, 21, 0.96) 44%,
      rgba(6, 9, 16, 0.98) 100%
    );
  --home-fade-soft: var(--lux-soft-chrome-surface);
  --home-fade-blur: blur(calc(10px * var(--lux-glass-blur-quality-mult, 1))) saturate(118%);
  --lux-focus-fill: var(--lux-soft-chrome-surface);
}
html.lux-fully-opaque.lux-light-mode body.lux-full-paint,
html.lux-fully-opaque body.lux-light-mode.lux-full-paint,
html.lux-light-mode.lux-fully-opaque body.lux-full-paint {
  --home-glass-fill: rgba(250, 246, 240, 0.96);
  --home-chip-fill: rgba(255, 255, 255, 0.62);
  --home-chip-glass-fill: var(--home-glass-fill);
  --lux-panel-fill: rgba(250, 246, 240, 1);
  --lux-panel-surface:
    radial-gradient(circle at 16% 0%, rgba(255, 255, 255, 0.40), transparent 34%),
    radial-gradient(ellipse 42% 28% at 82% 14%, rgba(var(--lux-accent-rgb), calc(var(--lux-panel-glow, 0.22) * 0.34)), transparent 72%),
    radial-gradient(ellipse 36% 32% at 100% 50%, rgba(var(--lux-accent-rgb), calc(var(--lux-panel-glow, 0.22) * 0.30)), transparent 68%),
    linear-gradient(145deg,
      rgba(var(--lux-accent-rgb), calc(var(--lux-panel-glow, 0.22) * 0.35)),
      rgba(250, 246, 240, 1) 48%,
      rgba(244, 238, 228, 1) 100%
    );
  --lux-panel-blur-filter: blur(calc(8px * var(--lux-glass-blur-quality-mult, 1)));
  --lux-soft-chrome-surface:
    radial-gradient(circle at 16% 0%, rgba(255, 255, 255, 0.40), transparent 34%),
    radial-gradient(circle at 80% 18%, rgba(var(--lux-accent-rgb), calc(var(--lux-panel-glow, 0.22) * 0.80)), transparent 38%),
    radial-gradient(circle at 100% 50%, rgba(var(--lux-accent-rgb), calc(var(--lux-panel-glow, 0.22) * 0.60)), transparent 44%),
    linear-gradient(145deg,
      rgba(var(--lux-accent-rgb), calc(var(--lux-panel-glow, 0.22) * 0.35)),
      rgba(250, 246, 240, 0.96) 48%,
      rgba(244, 238, 228, 0.98) 100%
    );
  --home-fade-soft: var(--lux-soft-chrome-surface);
  --home-fade-blur: blur(calc(10px * var(--lux-glass-blur-quality-mult, 1))) saturate(118%);
  --lux-focus-fill: var(--lux-soft-chrome-surface);
}
:root {
  --lux-soft-chrome-surface: var(--lux-panel-surface-soft);
  --lux-soft-chrome-border: color-mix(in srgb, var(--lux-border, rgba(255, 255, 255, 0.08)) 64%, rgba(var(--lux-accent-rgb), 0.34));
  --lux-soft-chrome-shadow: var(--lux-elev-2);
  --lux-focus-fill: var(--lux-soft-chrome-surface);
  --lux-focus-border: var(--lux-soft-chrome-border);
  --lux-focus-shadow: var(--lux-soft-chrome-shadow);
}
html.lux-light-mode, body.lux-light-mode {
  --lux-soft-chrome-surface: var(--lux-panel-surface-soft);
  --lux-soft-chrome-border: color-mix(in srgb, var(--lux-border, rgba(48, 34, 22, 0.10)) 70%, rgba(var(--lux-accent-rgb), 0.22));
  --lux-soft-chrome-shadow: var(--lux-elev-2);
  --lux-focus-fill: var(--lux-soft-chrome-surface);
  --lux-focus-border: var(--lux-soft-chrome-border);
  --lux-focus-shadow: var(--lux-soft-chrome-shadow);
}
html.lux-light-mode, body.lux-light-mode {
  --lux-btn-border-solid: color-mix(in srgb, var(--lux-accent) 78%, #1a2a36 22%);
  --lux-btn-frame-metal: linear-gradient( 145deg, color-mix(in srgb, var(--lux-accent) 48%, #fff 52%) 0%, color-mix(in srgb, var(--lux-accent) 88%, #fff 12%) 22%, var(--lux-accent) 48%, var(--lux-accent-2, var(--lux-accent)) 72%, color-mix(in srgb, var(--lux-accent) 48%, #c4b5a0 52%) 100% );
  --lux-btn-frame-metal-soft: linear-gradient( 145deg, color-mix(in srgb, var(--lux-accent) 38%, #fff 62%) 0%, color-mix(in srgb, var(--lux-accent) 68%, #e8dfd2 32%) 50%, color-mix(in srgb, var(--lux-accent) 36%, #cfc0ae 64%) 100% );
  --lux-btn-fade: radial-gradient(circle at 84% 0%, rgba(var(--lux-accent-rgb), calc(var(--lux-panel-glow, 0.22) * 0.88)), transparent 42%), radial-gradient(circle at 14% 0%, rgba(var(--lux-accent-rgb), 0.30), transparent 40%);
  --lux-btn-fade-hover: radial-gradient(circle at 84% 0%, rgba(var(--lux-accent-rgb), calc(var(--lux-panel-glow, 0.22) * 0.96)), transparent 44%), radial-gradient(circle at 14% 0%, rgba(var(--lux-accent-rgb), 0.36), transparent 42%);
  --lux-btn-well-base: linear-gradient(180deg, color-mix(in srgb, #fbf7f1 94%, var(--lux-accent) 6%) 0%, #efe6da 100%);
  --lux-btn-well-soft-base: linear-gradient(180deg, #f8f3eb 0%, #ebe2d4 100%);
  --lux-btn-well: var(--lux-btn-fade), var(--lux-btn-well-base);
  --lux-btn-well-soft: var(--lux-btn-fade), var(--lux-btn-well-soft-base);
  --lux-btn-well-hover: var(--lux-btn-fade-hover), var(--lux-btn-well-base);
  --lux-btn-well-soft-hover: var(--lux-btn-fade-hover), var(--lux-btn-well-soft-base);
  --lux-btn-label: var(--lux-text, #1d2633);
  --lux-panel-cta-danger: var(--lux-btn-fade), linear-gradient(180deg, color-mix(in srgb, #f8e8e8 88%, #dc2626 12%) 0%, #efd4d4 100%);
  --lux-panel-cta-danger-hover: var(--lux-btn-fade-hover), linear-gradient(180deg, color-mix(in srgb, #fcecec 84%, #ef4444 16%) 0%, #e8c8c8 100%);
  --lux-btn-danger-border: #b91c1c;
  --lux-btn-frame-shadow: 0 8px 20px rgba(107, 91, 62, 0.14), 0 0 0 1px color-mix(in srgb, var(--lux-accent) 40%, transparent), inset 0 1px 0 rgba(255, 255, 255, 0.72);
  --lux-btn-frame-shadow-hover: 0 12px 28px rgba(107, 91, 62, 0.18), 0 0 0 1px color-mix(in srgb, var(--lux-accent) 55%, transparent), inset 0 1px 0 rgba(255, 255, 255, 0.82);
  --lux-btn-sheen: linear-gradient( 105deg, transparent 32%, rgba(255, 255, 255, 0.55) 46%, rgba(255, 255, 255, 0.92) 50%, rgba(var(--lux-accent-rgb), 0.22) 54%, transparent 68% );
  --lux-btn-ghost-well: var(--lux-btn-fade), linear-gradient(180deg, #f5efe6 0%, #e8dfd0 100%);
  --lux-btn-ghost-well-hover: var(--lux-btn-fade-hover), linear-gradient(180deg, #f5efe6 0%, #e8dfd0 100%);
  --lux-btn-ghost-frame: var(--lux-btn-frame-metal-soft);
  --lux-btn-ghost-label: var(--lux-text, #1d2633);
  --lux-btn-ghost-shadow: var(--lux-btn-frame-shadow);
  --lux-btn-ghost-shadow-hover: var(--lux-btn-frame-shadow-hover);
  --lux-field-radius: 10px;
  --lux-field-min-height: var(--lux-secondary-btn-min-height, 44px);
  --lux-field-border-width: var(--lux-btn-frame-width, 3.5px);
  --lux-field-border: var(--lux-btn-border-solid);
  --lux-field-fill: var(--lux-btn-well-soft);
  --lux-field-fill-focus: var(--lux-btn-well-soft-hover, var(--lux-btn-well-soft));
  --lux-field-shadow: var(--lux-btn-frame-shadow);
  --lux-field-shadow-focus: var(--lux-btn-frame-shadow-hover);
  --lux-field-focus-ring: 0 0 0 3px rgba(var(--lux-accent-rgb), 0.12);
}
body[data-lux-performance='efficient'] {
  /* Glass blur owned by updateTransparency / Glass Blur quality — do not bake fixed px. */
  --lux-transparency-saturate: 124%;
  --lux-glass-alpha: 0.052;
  --lux-utility-alpha: 0.8;
  --lux-card-glow-alpha: 0.05;
}
body[data-lux-performance='standard'] {
  --lux-transparency-saturate: 138%;
  --lux-glass-alpha: 0.06;
  --lux-utility-alpha: 0.82;
  --lux-card-glow-alpha: 0.06;
}
body[data-lux-performance='high'] {
  --lux-transparency-saturate: 148%;
  --lux-glass-alpha: 0.068;
  --lux-utility-alpha: 0.84;
  --lux-card-glow-alpha: 0.07;
}