:root {
  --color-h1: #123a63;
  --color-h2: #3f6f9f;
  --color-h3: #76add8;
}

h1 {
  color: var(--color-h1);
}

h2 {
  color: var(--color-h2);
}

h3 {
  color: var(--color-h3);
}

table {
  width: 100% !important;
  border-collapse: collapse !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  border-radius: 2px !important;
}

/* Header with light blue gradient */
thead th {
  background: linear-gradient(to bottom, #e6f7ff, #b3e0ff) !important;
  color: #004080 !important;
  font-weight: 600 !important;
  text-align: left !important;
  padding: 12px 15px !important;
  border-bottom: 2px solid #99d6ff !important;
}

/* Alternate row colors for readability */
tbody tr:nth-child(even) {
  background-color: #f0faff !important; /* very light blue */
}

tbody tr:nth-child(odd) {
  background-color: #ffffff !important;
}

/* Cell padding and row borders */
tbody td {
  padding: 10px 15px !important;
  border-bottom: 1px solid #e6f7ff !important;
}

/* Hover effect for interactivity */
tbody tr:hover {
  background-color: #e6f7ff !important;
  transition: background-color 0.2s ease !important;
}

/* Remove default borders, keep only bottom borders */
th, td {
  border-left: none !important;
  border-right: none !important;
}