:root {
  --bg-base: #FFFFFF; 
  --text-base: #2D3748; 
  --primary: #FACB1F; 
  --primary-hover: #E5B200; 
  --border-base-dark: #CBD5E0; 
}
body {
  font-family: Poppins,sans-serif; 
  color: var(--text-base);
  background-color: var(--bg-base);
}
blockquote, dd, dl, figure, h1, h2, h3, h4, h5, h6, hr, p, pre {
    margin: 0;
    font-size: 15px;
    justify-self: center;
    margin-bottom: 10px;
}

.btn {
 display: inline-flex;
 align-items: center;
 justify-content: center;
 padding: 0.5rem 1rem;
 font-weight: 500;
 border-radius: 0.375rem;
 transition: all 0.2s;
 cursor: pointer;
}
.btn-primary {
 background-color: var(--primary);
 color: #fff;
 border: none;
}
.btn-primary:hover {
 background-color: var(--primary-hover);
}
.form-input {
 display: block;
 width: 100%;
 border-radius: 0.375rem;
 border: 1px solid var(--border-base-dark);
 padding: 0.5rem 0.75rem;
 font-size: 1rem;
 line-height: 1.5;
}
/* Target Drupal form items to match user design */
.form-item {
   margin-bottom: 0; /* Let wrapper handle margin */
}
.form-item label {
   display: block;
   font-size: 0.875rem;
   font-weight: 500;
   color: #2D3748;
   margin-bottom: 0.25rem;
}
/* Hide Drupal's default descriptions if any remain */
.description {
   font-size: 0.75rem;
   color: #718096;
}
.text-sm { 
  font-size: 0.875rem; 
  line-height: 1.25rem; 
  margin-top: 15px; 
}