:root {
  --brand-main: #163C8C;
  --brand-hover: #102B66;
  --brand-light: #E0EBFF;
  --text-dark: #111827;
  --text-muted: #6B7280;
  --bg-light: #F9FAFB;
}

/* Background helpers */
.bg-brand { background-color: var(--brand-main); }
.bg-brand-hover:hover { background-color: var(--brand-hover); }

/* For legacy inline elements */
.text-brand { color: var(--brand-main); }
.border-brand { border-color: var(--brand-main); }

/* Example: thin scrollbar for wide menus (optional) */
ul::-webkit-scrollbar {
  height: 8px;
}
ul::-webkit-scrollbar-thumb {
  background: rgba(15, 23, 42, 0.15);
  border-radius: 9999px;
}