/* Design tokens from live Reality Hub Launch Parameters (Overlay + DataGrid + Fields). */

:root {
  --rh-font: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  --rh-font-mono-digits: "Roboto", sans-serif;
  --rh-font-btn: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  --rh-font-size: 14px;
  --rh-text: #dadada;

  /* Overlay.svelte */
  --rh-overlay-bg: #333;
  --rh-overlay-header-bg: #222;
  --rh-overlay-shadow: 1px 1px 14px #0000006b;
  --rh-close: #666;
  --rh-icon: #bbb;
  --rh-resize: #757575;

  /* DataGrid.svelte body-wrapper + cell borders */
  --rh-grid-bg: #2e2e2e;
  --rh-cell-border: #3c3c3c;

  /* BooleanField.svelte */
  --rh-check-frame-bg: #1c1c1c;
  --rh-check-frame-border: #494949;
  --rh-check-mark: #60d0ff;

  /* NumberField.svelte (idle, --percentage: 0%) */
  --rh-number-bg: #191919;
  --rh-number-border: #4c4c4c;
  --rh-number-digit: #aaa;

  /* TextField .text-input idle */
  --rh-string-bg: #3d3d3d;
  --rh-string-text: #aaa;

  /* Materialize .btn */
  --rh-btn: #26a69a;
  --rh-btn-text: #fff;
  --rh-btn-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);

  --rh-header-h: 40px;
  --rh-footer-h: 50px;
  --rh-row-h: 30px;
  --rh-col-name: 200px;

  /* Hub Overlay default (width=500, RendererConfigOverlay height={500}) */
  --rh-design-w: 500px;
  --rh-design-h: 500px;
}