:root {
    --primary-bg: #004e92;
  --primary-text: #e0f7ff;
  --secondary-bg: #d0eafc;
  --secondary-text: #001f33;
  --header-bg: #002744;
  --border-color: #a9dcf5;

  --tbody-tr-bg: #f0faff;
  --tbody-tr-text: #001f33;
  --tbody-td-bg: #e6f4ff;
  --tbody-td-text: #001f33;

  --bill-bar-bg: #097399;
  --bill-bar-text: #ffffff;
}

#airTable th {
    background-color: var(--header-bg);
    color: var(--primary-text);
    border: 1px solid var(--border-color);
  }
  
  #airTable tr.category td {
    background-color: var(--secondary-bg);
    color: var(--primary-bg);
    border: 1px solid var(--border-color);
  }
  
  #airTable td {
    color: var(--secondary-text);
    border: 1px solid var(--border-color);
  }

  #airTable tbody tr {
    background-color: var(--tbody-tr-bg);
    color: var(--tbody-tr-text);
  }
  
  #airTable tbody td {
    background-color: var(--tbody-td-bg);
    color: var(--tbody-td-text);
  }
  
  span#net_total,
  span#you_save,
  span#payable {
    background-color: var(--primary-bg);
    color: var(--primary-text);
  }

.bill-bar {
  background-color: var(--bill-bar-bg);
  color: var(--bill-bar-text);
}