/* Font Import */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700&display=swap');

:root {
  --primary-color: #FFB64B;
  --secondary-color: #161C26;
  --text-main: #6B6C70;
  --bg-color: #FFFFFF;
  --card-shadow: 0 4px 20px rgba(0,0,0,0.05);
}

body {
  font-family: 'Manrope', sans-serif;
  color: var(--text-main);
  background-color: #f8f9fa; /* Slight off-white for contrast with white cards */
}

/* Navbar */
.navbar-custom {
  background-color: var(--secondary-color);
  padding: 1rem 0;
}

.navbar-brand img {
  height: 50px; /* Adjust based on logo needs */
}

/* Cards */
.card-custom {
  background: white;
  border: none;
  border-radius: 12px;
  box-shadow: var(--card-shadow);
  transition: all 0.3s ease;
  margin-bottom: 20px;
}

.card-custom:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 25px rgba(0,0,0,0.1);
}

.card-header-custom {
  background-color: transparent;
  border-bottom: 1px solid rgba(0,0,0,0.05);
  padding: 1.5rem;
}

.card-title-custom {
  color: var(--secondary-color);
  font-weight: 700;
  margin: 0;
}

/* Buttons */
.btn-primary-custom {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
  color: var(--secondary-color);
  font-weight: 600;
  padding: 10px 20px;
  border-radius: 8px;
}

.btn-primary-custom:hover {
  background-color: #e5a443;
  border-color: #e5a443;
  color: var(--secondary-color);
}

/* Typography & Utilities */
h1, h2, h3, h4, h5, h6 {
  color: var(--secondary-color);
  font-weight: 700;
}

.text-orange {
  color: var(--primary-color) !important;
}

.bg-orange {
  background-color: var(--primary-color) !important;
}

.border-left-orange {
  border-left: 0.25rem solid var(--primary-color) !important;
}