/**
 * ecommerce-site — toast + topbar colour overrides.
 *
 * Construct and neutral defaults: /torched/web/components/shared-toasts.css
 * Times for this site: js/ecommerce-site-toasts.js
 *
 * Colour model: greys are alpha over black, so white == rgba(0, 0, 0, 0) (transparent, the page
 * shows through), black == rgba(0, 0, 0, 1), grey == rgba(0, 0, 0, .5).
 *
 * Every surface renders `.tb-toast` plus its own `{surface}-toast-bg` class, so a rule can target
 * all surfaces at once (list below) or a single one (e.g. only `.al-toast-bg`). Variants add
 * `.tb-toast--success`, `.tb-toast--warning` or `.tb-toast--error`.
 *
 * Layout (shared defaults on :root so /exporter/ status can share X). Per surface:
 *   .tb-toast-stack[data-tb-surface="al"] { … }
 *   --tb-toast-inset-left  px from the left after fly-in (logo width)
 *   --tb-toast-inset-top   px from the top after fly-in
 *   --tb-toast-height      toast strip height
 */

/* ——— Toast colours ——— */

:root,
.tb-toast-stack {
  --tb-toast-inset-left: 230px;
  --tb-toast-inset-top: -2px;
  --tb-toast-height: 50px;
}

.admin-toast-bg,
.user-toast-bg,
.al-toast-bg,
.wl-toast-bg,
.vl-toast-bg,
.ml-toast-bg,
.el-toast-bg,
.public-toast-bg {
  /* shared-toasts.css defaults: */
  background: rgba(255, 255, 0, .25);
  border: 1px solid rgba(0, 0, 0, .6);
  color: rgba(255, 255, 255, .82);
  box-shadow: inset 0 0 24px rgba(255, 255, 255, .12);
}

/* Variant defaults, for reference: */
.tb-toast--success { background: rgba(0, 255, 0, .1); border: 1px solid rgba(0, 250, 0, .15); }
.tb-toast--warning { background: rgba(255, 95, 55, .52); border: 1px solid rgba(255, 95, 55, .15); }
.tb-toast--error   { background: rgba(255, 0, 0, .5); border: 1px solid rgba(255, 0, 0, .15); }

/* Pre-unification palettes, kept here as ready-made starting points:

   Admin / user pages (amber on light wash):
   .admin-toast-bg, .user-toast-bg { background: rgba(255, 255, 255, .105); color: rgba(255, 205, 105, .715); border: none; }
   .admin-toast-bg.tb-toast--error, .user-toast-bg.tb-toast--error { background: rgba(255, 0, 0, .235); color: rgba(255, 40, 40, .9); }

   AudioLab / WireLab (cyan on blue):
   .al-toast-bg, .wl-toast-bg { background: rgba(67, 155, 255, .314); color: rgba(2, 247, 255, .47); border: 1px solid rgba(2, 247, 255, .1); box-shadow: inset 0 0 24px rgba(255, 255, 255, .5); }
   .al-toast-bg.tb-toast--error, .wl-toast-bg.tb-toast--error { background: rgba(255, 0, 0, .235); color: rgba(255, 40, 40, .9); } */

/* ——— Topbar boot-glow colours (construct + stages in shared-toasts.css) ——— */

.admin-topbar {
  --tb-topbar-glow-rgb: 209 255 0;
  --tb-topbar-glow-x: 0px;
  --tb-topbar-glow-y: -18px;
  --tb-topbar-glow-blur: 27px;
  --tb-topbar-glow-alpha-init: 0%;
  --tb-topbar-glow-alpha-boot: 40%;
  --tb-topbar-glow-alpha-loaded: 100%;
  --tb-topbar-glow-duration: 700ms;
  --tb-topbar-glow-ease: ease-out;
}