/* AUTO-GENERATED from app/src/phonology_features/gui/palette.py
 * by web/scripts/build.py. Do not edit by hand. */
:root {
  --bg: #F7F7F7;
  --panel: #FFFFFF;
  --border: #DADCE0;
  --text: #202124;
  --text-dim: #5F6368;
  --accent: #2563EB;
  --accent-light: #D6E8FF;
  --seg-default: #F2F3F5;
  --seg-selected: #2563EB;
  --seg-matched: #2563EB;
  --seg-unmatched: #E2E8F0;
  --plus: #15803D;
  --plus-bg: #DCFCE7;
  --minus: #B91C1C;
  --minus-bg: #FEE2E2;
  --shared-plus: #DCFCE7;
  --shared-minus: #FEE2E2;
  --btn-primary: #2563EB;
  --btn-primary-text: #FFFFFF;
  --btn-primary-hover: #1E40AF;
  --btn-primary-hover-text: #FFFFFF;
  --btn-danger: #B91C1C;
  --btn-danger-text: #FFFFFF;
  --btn-danger-hover: #7F1D1D;
  --btn-danger-hover-text: #FFFFFF;
  --btn-disabled-bg: #E2E4E7;
  --btn-disabled-text: #9AA0A6;
  --btn-disabled-border: #E2E4E7;
  --splitter-hover: #9AA0A6;
  --analysis-bg: #F2F3F5;
  --tag-blue: #DBEAFE;
  --tag-blue-text: #1D4ED8;
  --tag-green: #DCFCE7;
  --tag-green-text: #15803D;
  --tag-red: #FEE2E2;
  --tag-red-text: #B91C1C;
  --tag-gray: #F1F3F4;
  --tag-gray-text: #5F6368;
}

html[data-theme="dark"] {
  --bg: #181818;
  --panel: #202020;
  --border: #3A3A3A;
  --text: #E8EAED;
  --text-dim: #B8B8B8;
  --accent: #60A5FA;
  --accent-light: #2F4F6F;
  --seg-default: #262626;
  --seg-selected: #3B82F6;
  --seg-matched: #3B82F6;
  --seg-unmatched: #3A3A3A;
  --plus: #86EFAC;
  --plus-bg: #14532D;
  --minus: #FCA5A5;
  --minus-bg: #7F1D1D;
  --shared-plus: #14532D;
  --shared-minus: #7F1D1D;
  --btn-primary: #1D4ED8;
  --btn-primary-text: #FFFFFF;
  --btn-primary-hover: #60A5FA;
  --btn-primary-hover-text: #181818;
  --btn-danger: #991B1B;
  --btn-danger-text: #FFFFFF;
  --btn-danger-hover: #FCA5A5;
  --btn-danger-hover-text: #181818;
  --btn-disabled-bg: #161616;
  --btn-disabled-text: #555555;
  --btn-disabled-border: #161616;
  --splitter-hover: #6A6A6A;
  --analysis-bg: #262626;
  --tag-blue: #1E3A8A;
  --tag-blue-text: #93C5FD;
  --tag-green: #14532D;
  --tag-green-text: #86EFAC;
  --tag-red: #7F1D1D;
  --tag-red-text: #FCA5A5;
  --tag-gray: #2A2A2A;
  --tag-gray-text: #B8B8B8;
}