:root {

  

  --color-browngray-050: #f5f3f0;
  --color-browngray-200: #d0c4ba;





  --color-txt: var(--color-interface-900);
  --color-panel-bg: var(--color-interface-050);
  
  --color-page-highlight: #ff8a50;
  --color-purple: #7136ff;

  --border-radius: 0.2rem;

  --space-xs: 0.5rem;
  --space-s: 1rem;
  --space: 1.5rem;
  --space-m: 2rem;
  --space-big: 3em;

  --curve: cubic-bezier(0.86, 0, 0.07, 1);

  --sans-serif: 'DM Sans', sans-serif;
  --mono: 'Inconsolata', monospace;


  --input-h: 26px;
  --input-w: 160px;
  --input-w-small: 45px;
  --label-w: 18ch;
  font-size: 14px;

  --panel-w: 540px;
  --panel-nav-h: 60px;
}