/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */

/* Brand theme */
:root {
  --brand-primary: #B47EDE; /* purple */
  --brand-accent:  #D7BFDC; /* soft mauve */
  --brand-white:   #ffffff;
  /* Bootstrap primary override */
  --bs-primary: var(--brand-primary);
  --bs-primary-rgb: 180, 126, 222;
}

/* Typography placeholders: will switch to provided fonts later */
body { font-family: 'Quicksand', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; }
h1, h2, h3, .display-1, .display-2, .display-3, .display-4, .display-5, .display-6 {
  letter-spacing: 0.2px;
  font-family: 'Baloo 2', 'Quicksand', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
}

/* Buttons */
.btn-primary {
  background: var(--brand-primary) !important;
  border-color: var(--brand-primary) !important;
}
.btn-primary:hover {
  filter: brightness(0.95);
}
.btn-outline-primary {
  color: var(--brand-primary) !important;
  border-color: var(--brand-primary) !important;
}
.btn-outline-primary:hover {
  background: var(--brand-primary) !important;
  color: #fff !important;
}

/* Badges */
.badge.text-bg-success { background-color: #2fbf71 !important; }
.badge.text-bg-secondary { background-color: #c9c9cf !important; }

/* Cards and surfaces */
.card { border: 1px solid rgba(0,0,0,0.04); }
.rounded-4 { border-radius: 1rem !important; }

/* Hero gradient helper */
.hero-gradient {
  background: linear-gradient(135deg, var(--brand-accent), var(--brand-primary));
}

/* Navbar logo */
.brand-logo { height: 36px; width: auto; border-radius: 8px; object-fit: cover; }