:root {
  --accent: #3a8ee0;
  --accent-strong: #2776c6;
  --accent-soft: #eaf4fc;
  --selected: #d4e8f7;
  --bg-app: #f3f5f8;
  --bg-card: #ffffff;
  --bg-input: #fafbfc;
  --bg-input-focus: #ffffff;
  --bg-topbar: #262d3a;
  --bg-toolbar-dark: #2c3340;
  --bg-tab-strip: #e8ecf2;
  --bg-tab-active: #ffffff;
  --bg-row-zebra: #fafbfc;
  --bg-row-hover: #eaf4fc;
  --bg-disabled: #eef0f3;
  --border: #dce1e8;
  --border-strong: #c2cad6;
  --border-input: #d6dce4;
  --text: #2a3142;
  --text-muted: #6b7280;
  --text-faint: #9aa3b2;
  --text-on-dark: #e9ecf2;
  --text-on-dark-muted: #98a1b3;
  --required: #e74c3c;
  --success: #27a567;
  --warning: #d98e1f;
  --danger: #d04141;
  --row-h: 26px;
  --tb-h: 28px;
  --input-h: 26px;
}