: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;
}


#registerForm .iti {
  width: 100%;
}

.input,
.select {
    width: 100%;
    border: 1px solid #d1d5db; /* neutral-300 */
    border-radius: 0.5rem;
    padding: 0.5rem 0.75rem;
    font-size: 0.875rem;
    outline: none;
    background: #fff;
}

.input:focus,
.select:focus {
    border-color: #10b981; /* emerald-500 */
    box-shadow: 0 0 0 1px #10b981;
}
/* Deema widget open button: allow full width */
.my-widget-open-btn {
    max-width: none;
}