:root {
  --hl-main: #4098d5;      
  --hl-main-dk: #2a74ad;   
  --hl-line: #a9cbe6;      
  --hl-on: #cfe5f7;        
  --hl-hover: #e6f2fb;     
  --hl-soft: #eef6fc;      
  --hl-nav: #4098d5;       
  --hl-main-rgb: 64, 152, 213;
  --hl-head: #cfe5f7;      
  --hl-head-fg: #000;      
  --hl-head-bd: #9fc6e6;   
  --hl-sel: #4098d5;       
  --hl-sel-fg: #fff;
}
html[data-hl-theme="brown"] {
  --hl-main: #8b5a2b;
  --hl-main-dk: #6b4220;
  --hl-line: #d4b894;
  --hl-on: #f1dfc6;
  --hl-hover: #f8eee0;
  --hl-soft: #fbf4ea;
  --hl-nav: #8b5a2b;
  --hl-main-rgb: 139, 90, 43;
  --hl-head: #efdcc2;
  --hl-head-fg: #000;
  --hl-head-bd: #d0b089;
  --hl-sel: #8b5a2b;
  --hl-sel-fg: #fff;
}