/* ===== Typography ===== */
body, p, li, td, th {
  font-family: 'Figtree', sans-serif !important;
  color: #293340; /* Dark Gray */
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Figtree', sans-serif !important;
  color: #0f142e; /* Midnight Blue */
}

h1 {
  font-size: 28px;
  font-weight: 600;
}

h2 {
  font-size: 24px;
  font-weight: 500;
}

h3 {
  font-size: 20px;
  font-weight: 500;
}

h4, h5, h6 {
  font-size: 16px;
  font-weight: 400;
}

/* ===== Links ===== */
a {
  color: #21409a; /* Clear Blue */
  text-decoration: none !important;
}

a:hover {
  color: #085a9b; /* Energy Blue */
  text-decoration: none !important;
}

/* ===== Primary Colors ===== */
.confluence-page {
  background-color: #ffffff;
}

.primary-background {
  background-color: #1a204c !important; /* Cadet Blue */
  color: #ffffff;
}

/* ===== Buttons and Callouts ===== */
.aui-button,
.aui-button-primary {
  background-color: #d9dfea !important; /* Light Blue */
  border-color: #d9dfea !important;
  color: #293340 !important;
}

.aui-message-success {
  background-color: #61ad00 !important; /* Energy Green */
  color: #ffffff !important;
}

.aui-message-warning {
  background-color: #ffbe2e !important; /* Energy Yellow */
  color: #293340 !important;
}

.aui-message-error {
  background-color: #d9dfea !important; /* Light Blue */
  color: #293340 !important;
}

/* ===== Tables ===== */
table.confluenceTable {
  border: 1px solid #dddddd; /* Softer grid lines */
  border-collapse: collapse;
  width: 100%;
  background-color: #ffffff;
}

table.confluenceTable th {
  background-color: #d9dfea; /* Light Blue */
  color: #0f142e; /* Midnight Blue */
  font-weight: bold;
  padding: 8px;
  border: 1px solid #dddddd;
}

table.confluenceTable td {
  border: 1px solid #dddddd;
  padding: 8px;
}

/* ===== Banded Rows ===== */
table.confluenceTable tbody tr:nth-child(even) {
  background-color: #f9f9f9; /* Even lighter grey for zebra striping */
}

/* ===== Panels (Custom Macros) ===== */
.panelBlue {
  background-color: #d9dfea;
  border-left: 4px solid #1a204c;
  padding: 10px;
}

.panelGreen {
  background-color: #e7f6f8;
  border-left: 4px solid #106636;
  padding: 10px;
}

.panelGray {
  background-color: #d9dfea;
  border-left: 4px solid #52565c;
  padding: 10px;
}

/* ===== Page Header (Optional Custom Styling) ===== */
.page-header {
  border-bottom: 3px solid #0f142e;
  padding-bottom: 5px;
  margin-bottom: 15px;
}