/* ============================================================================
   BlueLabs skin — the single source of truth for the whole suite.
   Extracted from TrueNorth (BlueLabs · Body). Every page links this file and
   uses these tokens; no page should redefine its own accent/colour system.

   TODAY'S RULE (2026-06-10): SOLID COLOUR ONLY behind accents.
   - ONE accent: orange #ff7a2d. (Kills the old ember/amber #f4a83c family.)
   - NO glow box-shadows behind accent colours.
   - NO blur / radial "light" patches behind accent colours.
   - NO pulsing / breathing light animations.
   The frosted-glass PANELS (the shell) stay — that's the shared TrueNorth shell.
   It's only the decorative light *behind accents* that's wiped.
   ============================================================================ */

:root{
  /* surfaces */
  --bl-bg:        #07111c;   /* base navy-black */
  --bl-bg-2:      #0e2638;   /* lifted navy */
  --bl-navy:      #0b1a28;
  --bl-blue:      #11324a;

  /* THE accent — solid, no glow */
  --bl-orange:    #ff7a2d;
  --bl-orange-2:  #ff7a2d;   /* alias kept flat on purpose (no lighter glow stop) */

  /* status (solid) */
  --bl-ok:   #3ddc84;
  --bl-warn: #ffc857;
  --bl-bad:  #ff5a5a;

  /* text */
  --bl-text: #ffffff;
  --bl-soft: rgba(255,255,255,.72);
  --bl-muted:rgba(255,255,255,.46);

  /* glass shell (panels only — not a glow) */
  --bl-glass:        rgba(255,255,255,.14);
  --bl-glass-strong: rgba(255,255,255,.22);
  --bl-glass-border: rgba(255,255,255,.16);
  --bl-line:         rgba(255,255,255,.10);

  /* shape + type */
  --bl-radius:    20px;
  --bl-radius-lg: 28px;
  --bl-font: Inter,"SF Pro Display",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;

  /* back-compat: legacy page variables now POINT at the unified tokens, so old
     markup using var(--ember)/var(--blue-bright) etc. instantly turns orange/navy
     with no glow. Override locally only if a page truly needs it. */
  --ember:       var(--bl-orange);
  --ember-glow:  none;
  --blue:        var(--bl-blue);
  --blue-bright: var(--bl-orange);
  --ink:         var(--bl-bg);
  --panel:       var(--bl-navy);
  --accent:      var(--bl-orange);
}

/* ---- base ---- */
.bl-skin, body.bl-skin{
  font-family:var(--bl-font);
  color:var(--bl-text);
  background:
    radial-gradient(circle at 72% 12%, rgba(50,120,160,.22), transparent 38%),
    linear-gradient(180deg,var(--bl-bg-2) 0%, var(--bl-bg) 60%);
}

/* ---- the glass shell (panel surface — kept) ---- */
.bl-glass{
  background:linear-gradient(135deg, rgba(255,255,255,.16), rgba(255,255,255,.06));
  backdrop-filter:blur(20px); -webkit-backdrop-filter:blur(20px);
  border:1px solid var(--bl-glass-border);
  border-radius:var(--bl-radius);
}
.bl-glass-soft{
  background:rgba(255,255,255,.06);
  border:1px solid var(--bl-line);
  border-radius:var(--bl-radius);
}

/* ---- accents: SOLID, no glow ---- */
.bl-accent{ background:var(--bl-orange); color:#fff; }
.bl-accent-text{ color:var(--bl-orange); }
.bl-hl{ background:var(--bl-orange); color:#fff; padding:1px 9px 3px; border-radius:7px; }  /* no box-shadow */
.bl-btn{
  background:var(--bl-orange); color:#fff; border:0; cursor:pointer;
  border-radius:16px; padding:13px 18px; font:800 15px var(--bl-font);
  box-shadow:none;                 /* solid — explicitly no glow */
}
.bl-btn--ghost{ background:rgba(255,255,255,.08); border:1px solid var(--bl-line); color:#fff; }
.bl-pill{
  display:inline-flex; align-items:center; justify-content:center;
  height:42px; padding:0 18px; border-radius:999px;
  background:rgba(255,255,255,.07); border:1px solid var(--bl-glass-border);
  color:#fff; font:600 13px var(--bl-font);
}
.bl-dot{ width:8px; height:8px; border-radius:50%; background:var(--bl-orange); }  /* no glow */

/* ---- KILL SWITCH: wipe glow / blur-light / pulse behind accents ----
   Pages that opt in by adding class "bl-flat" (or applied site-wide) get all
   decorative glow removed in one shot, while real layout shadows on cards stay
   subtle and solid. */
.bl-flat .glow,
.bl-flat .pulse,
.bl-flat [class*="glow"]{
  box-shadow:none !important;
  filter:none !important;
  background-image:none !important;
  animation:none !important;
}
.bl-flat *{ animation-name:none !important; }   /* no breathing/pulsing light */