/* Maps the DM Tools design tokens onto the theme variables of the open-source 3D viewer
   (@dm-tabletop/tabletop-client, README "Theming"), as tracker-theme.css does for the tracker.
   This is the ONLY viewer styling for colours and fonts: panes, menus, the tracker drawer and the
   lighting panel follow the light/dark toggle; the side buttons and the Edit Map bar use the
   green bar colours in both themes. On :root (not the viewer element) because one of the
   viewer's menus is attached to <body>. */
:root {
  --dmt-font: var(--dm-font-sans);
  --dmt-font-display: var(--dm-font-display);
  --dmt-surface: var(--dm-surface);
  --dmt-surface-raised: var(--dm-surface-raised);
  --dmt-surface-sunken: var(--dm-surface-sunken);
  --dmt-text: var(--dm-text);
  --dmt-text-muted: var(--dm-text-muted);
  --dmt-heading: var(--dm-heading);
  --dmt-border: var(--dm-border);
  --dmt-border-strong: var(--dm-border-strong);
  --dmt-bar: var(--dm-bar);
  --dmt-bar-raised: var(--dm-bar-raised);
  --dmt-bar-edge: var(--dm-bar-edge);
  --dmt-on-bar: var(--dm-on-bar);
  --dmt-on-bar-muted: var(--dm-on-bar-muted);
  --dmt-accent: var(--dm-accent);
  --dmt-on-accent: var(--dm-on-accent);
  --dmt-gold: var(--dm-gold);
  --dmt-on-gold: var(--dm-on-gold);
  --dmt-danger: var(--dm-danger);
  /* gold reads on both the green bars and the cream or green panes */
  --dmt-focus: var(--dm-gold);
  --dmt-cut: var(--dm-cut-md);
}

/* the tracker in the viewer's drawer: no second frame inside the drawer's own */
.dmt-drawer .it-root {
  min-height: 100%;
}