/* Viewer chrome theme (property-twin-brief §8.13). Design tokens as CSS custom
 * properties — one theme file, referenced by the chrome. THEMING NEVER TOUCHES
 * DATA ENCODING: the Mo grade ramp (BAND_HEX), tier colours, sample class colours
 * and the measured legend swatches are NOT tokens and stay exactly as the pipeline
 * emits them. Only the chrome (panels, HUD, legend frame, disclosure, loader,
 * attribution) reads these.
 *
 * The values here are the ones already in use in terrain-viewer.html — the
 * Immersive Explorers "built by" platform chrome (dark panels, IE gold). A client's
 * brand reaches the chrome from its project's own theme (the Branding tab), never
 * from this file, and is likewise never allowed onto grade/classification colours
 * (QUEUE 27 Oct R2: the client's brand roles that sat here, unused, were removed).
 */
:root {
  /* --- platform chrome (values already in use) --- */
  --ie-bg:            #0b0d10;   /* scene / body ground, loader cover */
  --ie-panel-bg:      #0b0d10ee; /* right-side control panels */
  --ie-hud-bg:        #0b0d10dd; /* dev build log */
  --ie-scrim:         #0009;     /* attribution / small overlay scrims */
  --ie-border:        #2a3138;   /* every panel + control border */
  --ie-text:          #cfd6dd;   /* body text */
  --ie-text-dim:      #8a94a0;   /* secondary labels */
  --ie-head:          #8fd4ff;   /* panel headings / <b> */
  --ie-ok:            #8fdc9a;   /* .ok */
  --ie-warn:          #ffb454;   /* .warn */
  --ie-gold:          #f2a41e;   /* Immersive Explorers brand gold (accent, progress) */
  --ie-attrib:        #dfe6ee;   /* attribution text */
  --ie-text-bright:   #e6ecf2;   /* emphasised panel text (active stage, readouts) */
  --ie-dim2:          #9aa4b0;   /* inactive stage rows */
  --ie-btn-bg:        #11151a;   /* panel buttons, select, textarea */
  --ie-btn-active:    #1d3a52;   /* active/selected button */
  --ie-radius:        4px;

  /* imagery-unavailable amber banner */
  --ie-imagery-fg:     #ffb454;
  --ie-imagery-bg:     #1a140bEE;
  --ie-imagery-border: #6b5326;

  /* loading cover */
  --ie-cover-sub:  #aeb6bf;
  --ie-cover-fail: #ff9d9d;
  --ie-track:      #1b1f24;

  /* fonts (declared for adoption; the chrome keeps its literal font metrics for
     now so this slice cannot shift any panel's size — a later slice adopts these) */
  --ie-font:      12px monospace;
  --ie-font-hud:  12px/1.5 monospace;
}

/* Shared panel chrome — the repeated cssText prefix on the right-side control
   panels. Adopted incrementally by the JS-built panels; defined here so the
   look lives in one place. */
.ie-panel {
  background: var(--ie-panel-bg);
  border: 1px solid var(--ie-border);
  padding: 8px 10px;
  font: var(--ie-font);
  color: var(--ie-text);
}