/* Variables required by templates-panel.js, scoped to the panel elements only
   so they never collide with each page's own token definitions. */
.tpl-tab, .tpl-scrim, .tpl-panel {
  --color-white: #FFFFFF;
  --color-neutral-lightest: #EEEEEE;
  --color-neutral-lighter: #CCCCCC;
  --color-neutral-light: #AAAAAA;
  --color-neutral: #666666;
  --color-neutral-dark: #444444;
  --color-neutral-darker: #222222;
  --color-neutral-darkest: #000000;
  --scheme-text: var(--color-neutral-darkest);
  --scheme-border: var(--color-neutral-darkest);
  --font-family: "Inter", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
  --opacity-black-20: rgba(0,0,0,0.20);
}