div {
  -webkit-user-select: none; /* Safari */        
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* IE10+/Edge */
  user-select: none; /* Standard */
}

svg text{
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
 }

textarea:focus, input:focus{
    outline: none;
}

div:focus {
    outline:none;
}

.form-control:focus {
    border-color: inherit;
    -webkit-box-shadow: none;
    box-shadow: none;
  }

  :root {
    --base-color-white: rgb(255, 255, 255);
    --base-color-yellow: rgb(255, 200, 40);
    --base-color-yellow-100: rgb(255, 244, 212);
    --base-color-yellow-500: rgb(208, 143, 30);
    --base-color-yellow-800: rgb(84, 66, 14);
    --base-color-green: rgb(2, 131, 80);
    --base-color-green-1000: rgb(13, 41, 38);
    --base-color-blue: rgb(22, 133, 247);
    --base-color-red: rgb(233, 83, 51);
    --base-color-gray: rgb(128, 128, 128);
    --base-color-black: rgb(6, 3, 10);
  
    --color-text: var(--base-color-black);
    --color-text-on-color: var(--base-color-white);
    --color-text-secondary: var(--base-color-yellow-800);
    --color-text-operator: var(--base-color-yellow-500);
  
    --color-background: var(--base-color-white);
    --color-background-light: var(--base-color-yellow-100);
    --color-background-contrast: var(--base-color-yellow);
  
    --color-graph-axis: var(--base-color-black);
    --color-graph-grid: var(--base-color-gray);
  
    --color-button-background: var(--base-color-yellow);
    --color-icon-fill: var(--base-color-black);
  
    --color-dot-background: var(--base-color-green);
    --color-dot-foreground: var(--base-color-black);
    --color-dot-eye: var(--base-color-white);
  
    --color-dot-speechbubble: var(--base-color-green-1000);
  }