/* ============================================================================
   Server Assistant — canonical design tokens (single source of truth).
   Shared verbatim between the operator console (sa-relay/pwa) and the public
   docs site (server-assistant-docs/assets/css). Edit here; both consume it.
   Console names are canonical. Locked reconciliations from the Tempered audit
   are baked in (card radius 18px, deeper panel shadow, --glass-sheen rename,
   docs-derived status/band/brand tokens, extended type scale).
   ============================================================================ */

:root {
  /* ── Palette ──────────────────────────────────────────────────────────── */
  --bg-0:        #0d0a0a;
  --bg-1:        rgba(22, 17, 17, 0.72);
  --surface:     rgba(255, 255, 255, 0.045);
  --surface-2:   rgba(255, 255, 255, 0.085);
  --surface-hi:  rgba(255, 255, 255, 0.13);
  --glass-sheen:  rgba(255, 255, 255, 0.05);   /* was console --glass */
  --glass-panel:  rgba(28, 22, 22, 0.58);      /* docs --glass-bg */
  --glass-strong: rgba(22, 17, 17, 0.84);

  --fg-0: #e9ecf7;
  --fg-1: #aeb4cf;
  --fg-2: #7e84a6;
  --fg-3: #767ea8;   /* lifted from #565c80 to clear WCAG AA (≈4.8:1 on --bg-0) */

  /* Back-compat aliases — docs .md <style> blocks still reference the old names */
  --ink:          var(--fg-0);
  --ink-soft:     var(--fg-1);
  --glass-border: var(--border);

  --accent:           #3cc1f0;
  --accent-soft:      rgba(60, 193, 240, 0.15);
  --accent-container: rgba(60, 193, 240, 0.18);
  --on-accent:        #04121b;

  /* Premium ONLY — billing / subscription / revenue / upgrade */
  --gold:      #f5c422;
  --gold-soft: rgba(245, 196, 34, 0.16);

  /* SAi / AI identity ONLY — ambient glass / soft accent */
  --pink:      #ee5ba2;
  --pink-soft: rgba(238, 91, 162, 0.16);

  /* Neutral / decorative */
  --steel:    #9aa1a9;
  --steel-2:  #646b74;

  --warn:     #e0a13a;
  --high:     #ff9466;
  --critical: #ff6b6b;
  --ok:       #54e08e;

  /* Deep stops for status gradients + docs-derived status/brand colours */
  --ok-deep:   #1e8449;
  --gold-deep: #b7950b;

  /* Roadmap build-queue band colours */
  --band-gold:   #f1c40f;
  --band-purple: #a78bfa;
  --band-blue:   #60a5fa;
  --band-green:  #34d399;

  --brand-discord: #5865f2;
  --brand-blue:    #3498db;

  --border:  rgba(255, 255, 255, 0.10);
  --divider: rgba(255, 255, 255, 0.07);
  --shadow:  0 8px 32px rgba(0, 0, 0, 0.45);   /* deeper docs recipe (locked) */
  --shadow-sm: 0 2px 10px rgba(0, 0, 0, 0.22);

  --sat: env(safe-area-inset-top, 0px);
  --sab: env(safe-area-inset-bottom, 0px);
  --sal: env(safe-area-inset-left, 0px);
  --sar: env(safe-area-inset-right, 0px);

  /* ── Type scale — refined dashboard sizing, extended downward ─────────── */
  --fs-3xs:  0.625rem;   /* ~10px floor for the tiniest labels */
  --fs-2xs:  0.7rem;     /* ~11px */
  --fs-xs:   0.78rem;
  --fs-sm:   0.88rem;
  --fs-base: 0.95rem;
  --fs-md:   1.05rem;
  --fs-lg:   1.3rem;
  --fs-xl:   1.85rem;
  --fs-2xl:  2.2rem;

  --gap-xs: 0.4rem;
  --gap-sm: 0.6rem;
  --gap-md: 0.95rem;
  --gap-lg: 1.4rem;

  --circle-sm: 42px;
  --circle-lg: 56px;
  --tap: 44px;
  --pill-w: 64px;
  --pill-h: 34px;

  --header-h: 56px;
  --bottom-nav-h: 68px;

  --r-lg: 20px;
  --r-md: 18px;   /* loosened from console 16 to match docs (locked) */
  --r-sm: 11px;
}