toba-logo {
  --stroke-color: rgba(0, 0, 0, 0.8);
  --main-fill: var(--primary-color);
  --darkest-fill: var(--primary-darker);
  --lightest-fill: var(--primary-light);
  --forehead-fill: var(--highlight-color);
  --stroke-width: 1px;
}
toba-logo.grey {
  --stroke-width: 1.2px;
  --stroke-color: rgb(0, 0, 0);
  --main-fill: rgb(150, 150, 150);
  --darkest-fill: rgb(100, 100, 100);
  --lightest-fill: rgb(200, 200, 200);
  --forehead-fill: rgb(200, 200, 200);
}
toba-logo.bw {
  --stroke-width: 1.5px;
  --stroke-color: rgb(0, 0, 0);
  --main-fill: rgb(255, 255, 255);
  --darkest-fill: rgb(0, 0, 0);
  --lightest-fill: rgb(255, 255, 255);
  --forehead-fill: rgb(0, 0, 0);
}

#svg_logo,
toba-logo {
  fill: inherit;
}
#svg_logo .line,
#svg_logo .back-legs,
#svg_logo .front-legs,
#svg_logo .eyes,
#svg_logo .torso,
#svg_logo .head,
#svg_logo .chin,
#svg_logo .forehead,
#svg_logo .tongue,
toba-logo .line,
toba-logo .back-legs,
toba-logo .front-legs,
toba-logo .eyes,
toba-logo .torso,
toba-logo .head,
toba-logo .chin,
toba-logo .forehead,
toba-logo .tongue {
  stroke: var(--stroke-color);
  stroke-width: var(--stroke-width);
}
#svg_logo .line.noline,
#svg_logo .back-legs.noline,
#svg_logo .front-legs.noline,
#svg_logo .eyes.noline,
#svg_logo .torso.noline,
#svg_logo .head.noline,
#svg_logo .chin.noline,
#svg_logo .forehead.noline,
#svg_logo .tongue.noline,
toba-logo .line.noline,
toba-logo .back-legs.noline,
toba-logo .front-legs.noline,
toba-logo .eyes.noline,
toba-logo .torso.noline,
toba-logo .head.noline,
toba-logo .chin.noline,
toba-logo .forehead.noline,
toba-logo .tongue.noline {
  stroke: none;
}
#svg_logo .line,
toba-logo .line {
  fill: inherit;
}
#svg_logo .head,
#svg_logo .torso,
toba-logo .head,
toba-logo .torso {
  fill: var(--main-fill);
}
#svg_logo .forehead,
toba-logo .forehead {
  fill: var(--forehead-fill);
}
#svg_logo .eyes,
toba-logo .eyes {
  fill: white;
}
#svg_logo .pupil,
toba-logo .pupil {
  fill: black;
}
#svg_logo .cheek,
#svg_logo .back-legs,
toba-logo .cheek,
toba-logo .back-legs {
  fill: var(--darkest-fill);
}
#svg_logo .mouth,
toba-logo .mouth {
  fill: black;
}
#svg_logo .tongue,
toba-logo .tongue {
  fill: #b44646;
  transform: scaleY(0);
  transform-origin: right top;
}
#svg_logo .nostril,
toba-logo .nostril {
  fill: black;
}
#svg_logo .chin,
#svg_logo .front-legs,
toba-logo .chin,
toba-logo .front-legs {
  fill: var(--lightest-fill);
}