html {
  --layer-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  --background-color: #efefef;
  --primary-text-color: #202020;
  --pinkish-grey: #bbbbbb;
  --warm-grey: #7a7a7a;
  --warm-grey-two: #9e9e9e;
  --cornflower: #8067f1;
  --mango: #ff9e20;
  --butterscotch: #ffae44;
  --twilight-blue: #07408b;
  --light-grey-two: #f2f0eb;
  --light-grey-three: #f2f2f2;
  --light-grey-four: #e2e2e2;
  --dark-sage: #3a7528;
  --egg-shell: #fff4c1;
  --powder-blue: #bcdeff;
  --dodger-blue: #389dff;
  --dodger-blue-two: #4385f3;
  --medium-green: #b0c466;
  --beige: #f2e2c9;
  --light-grey: #f2f0eb;
  --light-navy: #154b91;
  --orange-red: #ff2020;
  --light-orange: #fe9b3d;
  --monospace: 'Overpass Mono', monospace;
  --serif: 'Roboto', sans-serif;
  font-family: var(--serif);
  color: var(--primary-text-color);
  fill: var(--primary-text-color);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* colors */
:root {
  --color-default: 'transparent';
  --color-default-border: #fff;
  --color-error: #dff9fb;
  --color-error-border: #c7ecee;
  --color-marked: 'transparent';
  --color-marked-border: #85f0ff;
  --color-suggested: 'transparent';
  --color-suggested-border: #fff;
  --color-uncertain: 'transparent';
  --color-uncertain-border: #8054ef;
  --color-marked-certain: 'transparent';
  --color-marked-certain-border: #fffe98;
  
  /* cipo colors */
  --color-cipo-good: #399233;
  --color-cipo-normal: #ffa82a;
  --color-cipo-bad: #ff4c20;

  /* default colors */
  --color-default-missing: #616161;
  --color-default-missing-border: #8d8d8d;
  --color-default-proto-missing: #393939;
  --color-default-proto-missing-border: #222222;
  --color-default-proto-missing-light: transparent;
  --color-default-proto-missing-light-border: #696969;
  --color-default-worst: #bbbbbb;
  --color-default-worst-border: #7a7a7a;
  --color-default-bad: #ff2020;
  --color-default-bad-border: #991414;
  --color-default-normal: #fe9b3d;
  --color-default-normal-border: #995d25;
  --color-default-good: #A2BD42;
  --color-default-good-border: #758830;
  --color-default-best: #246b2b;
  --color-default-best-border: #274d32;
  --color-default-replant: #1F97A2;
  --color-default-replant-border: #1AB5C3;
  --color-default-replant-light: transparent;
  --color-default-replant-light-border: yellow; 
  --color-default-unpublished: #ffffff;
  --color-default-unpublished-border: #000;

  /* Blind-mode score colors */
  --color-blind-missing: #2e2e2e;
  --color-blind-missing-border: #d5d5d5;
  --color-blind-worst: #cb1f1f;
  --color-blind-worst-border: #590000;
  --color-blind-bad: #ff6162;
  --color-blind-bad-border: #8b2221;
  --color-blind-normal: #fafaaf;
  --color-blind-normal-border: #a8a86f;
  --color-blind-good: #acd9ea;
  --color-blind-good-border: #7099a8;
  --color-blind-best: #2c7ab6;
  --color-blind-best-border: #124369;
  --color-blind-replant: #a7a89d;
  --color-blind-replant-border: #677174;

  /* score colors */
  --color-missing: var(--color-default-missing);
  --color-missing-border: var(--color-default-missing-border);
  --color-missing-proto: var(--color-default-proto-missing);
  --color-missing-proto-border: var(--color-default-proto-missing-border);
  --color-missing-proto-light: var(--color-default-proto-missing-light);
  --color-missing-proto-light-border: var(--color-default-proto-missing-light-border);
  --color-worst: var(--color-default-worst);
  --color-worst-border: var(--color-default-worst-border);
  --color-bad: var(--color-default-bad);
  --color-bad-border: var(--color-default-bad-border);
  --color-normal: var(--color-default-normal);
  --color-normal-border: var(--color-default-normal-border);
  --color-good: var(--color-default-good);
  --color-good-border: var(--color-default-good-border);
  --color-best: var(--color-default-best);
  --color-best-border: var(--color-default-best-border);
  --color-replant: var(--color-default-replant);
  --color-replant-border: var(--color-default-replant-border);
  --color-replant-light: var(--color-default-replant-light);
  --color-replant-light-border: var(--color-default-replant-light-border);
  --color-unpublished: var(--color-default-unpublished);
  --color-unpublished-border: var(--color-default-unpublished-border);
}

.feed-forms-labels-overylay {
  --lumo-primary-color-50pct: transparent;
  --_lumo-item-selected-icon-display: none;
  --lumo-primary-color-10pct: #f4f4f4;
}