/* Brand theme stylesheet - map these to your brand guide colors and typography */
:root {
  /* Pegasus brand palette */
  --brand-primary: #A48560;  /* Primary */
  --brand-light:   #EAE3DD;  /* Light background */
  --brand-secondary: #C3BCAF; /* Secondary / Accent */
  --brand-accent:  #D6CCC1;  /* Soft accent */
  --brand-dark:    #816A4F;  /* Dark / Navbar */
  --brand-muted:   #C3BCAF;  /* Muted text */

  --brand-success: #10b981;
  --brand-danger:  #ef4444;
  --brand-radius:  12px;

  /* Map to Bootstrap CSS variables */
  --bs-primary:   var(--brand-primary);
  --bs-secondary: var(--brand-secondary);
  --bs-info:      var(--brand-secondary);
  --bs-success:   var(--brand-success);
  --bs-danger:    var(--brand-danger);
}

html, body { background: var(--brand-light); }

/* Navbar */
.navbar-dark.bg-dark {
  background: linear-gradient(90deg, var(--brand-dark), #6d583e) !important;
  border-bottom: 1px solid rgba(255,255,255,0.08);
}
.navbar .navbar-brand { font-weight: 700; letter-spacing: .2px; }

/* Cards */
.card { border: 1px solid #e5e7eb; border-radius: var(--brand-radius); box-shadow: 0 4px 16px rgba(17, 10, 3, 0.06); }
.card .card-img-top { border-top-left-radius: var(--brand-radius); border-top-right-radius: var(--brand-radius); }

/* Badges */
.badge.bg-info { background: rgba(195, 188, 175, 0.25) !important; color: #5a4f3f; border: 1px solid rgba(195, 188, 175, 0.45); }

/* Buttons */
.btn.btn-primary { background: var(--brand-primary) !important; border-color: var(--brand-primary) !important; box-shadow: 0 6px 14px rgba(164, 133, 96, 0.25); }
.btn.btn-primary:hover { filter: brightness(0.95); }
.btn-warning { border: none; }

/* Bootstrap 5 button variable overrides to ensure brand color applies */
.btn.btn-primary {
  --bs-btn-color: #fff !important;
  --bs-btn-bg: var(--brand-primary) !important;
  --bs-btn-border-color: var(--brand-primary) !important;
  --bs-btn-hover-color: #fff !important;
  --bs-btn-hover-bg: #8f6e49 !important; /* ~10-15% darker than #A48560 */
  --bs-btn-hover-border-color: #8f6e49 !important;
  --bs-btn-focus-shadow-rgb: 164, 133, 96 !important;
  --bs-btn-active-color: #fff !important;
  --bs-btn-active-bg: #7c5f41 !important; /* further darker */
  --bs-btn-active-border-color: #7c5f41 !important;
  --bs-btn-disabled-bg: var(--brand-primary) !important;
  --bs-btn-disabled-border-color: var(--brand-primary) !important;
}

/* Forms */
.form-control, .form-select, .input-group-text { border-radius: 10px; }
.form-label { font-weight: 600; color: #0f172a; }

/* Utility */
.section-title { font-size: 1.25rem; font-weight: 700; color: #0f172a; }
.text-muted-700 { color: var(--brand-muted) !important; }

/* Cover helpers */
.brand-cover { height: 220px; overflow: hidden; background: var(--brand-light); display:flex; align-items:center; justify-content:center; }
.brand-cover img { width: 100%; height: 100%; object-fit: cover; }
.brand-cover .placeholder { color: #8b7a66; font-weight: 600; }

/* Footer */
.site-footer { color: #64748b; border-top: 1px solid #e5e7eb; }

/* Avatars */
.avatar {
  position: relative;
  display: inline-block;
  width: 96px;
  height: 96px;
  border-radius: 50%;
  overflow: hidden;
  background: var(--brand-light);
  border: 2px solid var(--brand-secondary);
  box-shadow: 0 4px 14px rgba(17, 10, 3, 0.08);
}
.avatar-lg { width: 100px; height: 100px; }
.avatar img { width: 100%; height: 100%; object-fit: contain; display: block; padding: 8px; background: transparent; }
.avatar .placeholder { height: 100%; display:flex; align-items:center; justify-content:center; color: #8b7a66; font-weight: 600; font-size: .9rem; }