/* BioStudio AI — BioStudioAI Air theme (theme-bs5).
   Frosted pastel glass: a soft indigo→peach→mint gradient canvas with
   translucent floating cards, big radii, deep blur and a calm periwinkle
   accent. Structure comes from css/bsx-shell.css; this file sets the Air
   tokens and the glass flourishes. Dashboard: js/core/bsx-dashboard.js with
   layout="hero" (everything centered, cards float). Light-first. */

body.theme-bs5,
#os.theme-bs5 {
  /* Air tokens */
  --bsx-bg: #eef0fb;
  --bsx-surface: rgba(255, 255, 255, 0.62);
  --bsx-surface-2: rgba(255, 255, 255, 0.45);
  --bsx-border: rgba(255, 255, 255, 0.85);
  --bsx-accent: #6d8dff;
  --bsx-accent-strong: #4f6ef0;
  --bsx-accent-ink: #ffffff;
  --bsx-accent-soft: rgba(109, 141, 255, 0.14);
  --bsx-radius: 16px;
  --bsx-radius-lg: 22px;
  --bsx-shadow: 0 8px 30px rgba(96, 106, 170, 0.12);
  --bsx-shadow-lg: 0 26px 70px rgba(96, 106, 170, 0.25);
  --bsx-blur: blur(26px) saturate(1.4);

  /* system tokens */
  --ink: #2b3050;
  --ink-soft: #7d84a4;
  --radius: 16px;
  --taskbar-h: 72px;
  --accent: #6d8dff;

  --win-bg: rgba(255, 255, 255, 0.72);
  --win-body-bg: rgba(255, 255, 255, 0.82);
  --win-border: rgba(255, 255, 255, 0.9);
  --win-border-focus: #6d8dff;
  --titlebar-bg: rgba(255, 255, 255, 0.55);
  --flyout-bg: rgba(255, 255, 255, 0.82);
  --flyout-border: rgba(255, 255, 255, 0.9);
  --tile-bg: rgba(255, 255, 255, 0.5);
  --tile-hover: rgba(109, 141, 255, 0.16);
  --input-bg: rgba(255, 255, 255, 0.75);
  --input-border: rgba(125, 132, 164, 0.3);

  --taskbar-bg: rgba(255, 255, 255, 0.55);
  --taskbar-border: rgba(255, 255, 255, 0.85);
  --tb-hover: rgba(109, 141, 255, 0.14);
  --tb-active: rgba(109, 141, 255, 0.1);
  --app-btn-hover: rgba(43, 48, 80, 0.07);

  color: var(--ink);
}

/* wallpaper — soft pastel field with drifting color blobs */
#os.wp-bs5,
#os.wp-bs5.dark {
  background:
    radial-gradient(900px 640px at 14% 8%, rgba(147, 168, 255, 0.55), transparent 58%),
    radial-gradient(1000px 700px at 88% 18%, rgba(255, 197, 178, 0.5), transparent 60%),
    radial-gradient(900px 700px at 55% 105%, rgba(170, 235, 216, 0.55), transparent 60%),
    linear-gradient(165deg, #eef0fb 0%, #f6effa 50%, #edf4f6 100%);
}

/* ---- Glass flourishes ---------------------------------------------------- */
.bs5-home .bsx-greeting h1 {
  font-weight: 650;
  background: linear-gradient(110deg, #3a4470, #6d8dff 55%, #b189e8);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.bs5-home .bsx-cmd {
  width: min(620px, 100%);
  padding: 14px 20px;
  border-radius: 999px;
  backdrop-filter: var(--bsx-blur);
  -webkit-backdrop-filter: var(--bsx-blur);
}
.bs5-home .bsx-cmd:hover,
.bs5-home .bsx-cmd:focus-within { box-shadow: 0 0 0 4px rgba(109, 141, 255, 0.15), var(--bsx-shadow); }
body.theme-bs5 .bsc-pop { border-radius: 20px; }
.bs5-home .bsx-proj,
.bs5-home .bsw-widget {
  backdrop-filter: var(--bsx-blur);
  -webkit-backdrop-filter: var(--bsx-blur);
}
.bs5-home .bsx-proj:hover { transform: translateY(-2px); box-shadow: var(--bsx-shadow-lg); }
/* pastel identity dots per project */
.bs5-home .bsx-proj[data-i="0"] .bsx-proj-mark { background: #93a8ff; }
.bs5-home .bsx-proj[data-i="1"] .bsx-proj-mark { background: #ffb8a3; }
.bs5-home .bsx-proj[data-i="2"] .bsx-proj-mark { background: #7fd8bd; }
.bs5-home .bsx-proj[data-i="3"] .bsx-proj-mark { background: #cba3f5; }
.bs5-home .bsx-action { backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); }
.bs5-home .bsx-nav-link { border-radius: 999px; }
.bs5-home .bsx-nav-link.active {
  background: rgba(255, 255, 255, 0.75);
  box-shadow: var(--bsx-shadow);
  color: var(--bsx-accent-strong);
}
.bs5-home .bsx-app { backdrop-filter: var(--bsx-blur); -webkit-backdrop-filter: var(--bsx-blur); }
.bs5-home .bsx-navedit { backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); }
/* keep category views left-aligned even in the hero layout */
.bs5-home[data-layout="hero"] .bsx-view { width: 100%; text-align: left; }
.bs5-home[data-layout="hero"] .bsx-view .bsx-view-head p { text-align: left; }
.bs5-home .bsx-nav-user { backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); }
.bs5-home .bsw-clock-time {
  background: linear-gradient(110deg, #3a4470, #6d8dff);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

/* window chrome — floating frosted panes */
#os.theme-bs5 .window-titlebar { border-bottom: 1px solid rgba(125, 132, 164, 0.18); }
#os.theme-bs5 .window.focused {
  box-shadow: var(--bsx-shadow-lg), 0 0 0 1px rgba(109, 141, 255, 0.55);
}

/* taskbar dock — frosted pill */
#os.theme-bs5 .taskbar.bs-dock {
  border-radius: 999px;
  padding: 0 14px;
}
#os.theme-bs5 .taskbar.bs-dock .tb-icon-btn,
#os.theme-bs5 .taskbar.bs-dock .task-btn { border-radius: 999px; }
#os.theme-bs5 .taskbar.bs-dock .taskbar-start {
  background: linear-gradient(135deg, #6d8dff, #b189e8);
  box-shadow: 0 6px 18px rgba(109, 141, 255, 0.45);
}

/* overlays get the frosted treatment too */
body.theme-bs5 .bs-search-overlay {
  background: rgba(120, 130, 180, 0.2);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
body.theme-bs5 .platform-dialog-overlay {
  background: rgba(120, 130, 180, 0.25);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}
#os.theme-bs5 .tv-scrim {
  background: rgba(120, 130, 180, 0.3);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

#os.theme-bs5 input, #os.theme-bs5 textarea, #os.theme-bs5 select { color-scheme: light; }

#os.theme-bs5 :focus-visible,
body.theme-bs5 :focus-visible {
  outline: 2px solid var(--bsx-accent);
  outline-offset: 2px;
}