/* 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). The
 * EraNova client brand roles (from themes/eranova.yml, the map emitter's theme
 * file) are exposed too, for client-skinning chrome accents later; they are
 * likewise never allowed onto grade/classification colours.
 */
: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:      11px monospace;
  --ie-font-hud:  12px/1.5 monospace;

  /* --- EraNova client brand roles (themes/eranova.yml) — chrome accenting only,
         NEVER grade ramps / measured / classification (data encoding) --- */
  --eranova-primary: #0f3d3e;
  --eranova-accent:  #c9a227;
  --eranova-ink:     #14201f;
  --eranova-muted:   #5c6b6a;
  --eranova-paper:   #f7f5ef;
  --eranova-font:    'Inter','Segoe UI',system-ui,-apple-system,sans-serif;
}

/* 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);
}