/* FoodSpice Group Theme - Colors based on spice tones from new logo/img/ assets */
/* Primary: Warm orange-gold for spices, Secondary: Deep green, Accents: Brown/earth tones */

:root {
--bs-primary: #FFFFFF; /* White as requested */
  --bs-primary-rgb: 34, 139, 34;
  --bs-secondary: #228B22; /* Forest green */
  --bs-secondary-rgb: 34, 139, 34;
  --bs-success: #8B4513; /* Saddle brown accent */
  --bs-info: #DAA520; /* Goldenrod */
  --bs-warning: #FF8C00; /* Dark orange */
  --bs-light-gray: #F5F5DC; /* Beige light bg */
  --bs-dark: #2F4F2F; /* Dark olive green */
  --bs-border-primary: 4px solid var(--bs-primary);
}

/* Override theme colors */
.btn-primary, .bg-primary, .border-primary, .text-primary {
  --bs-btn-bg: var(--bs-primary);
  --bs-btn-border-color: var(--bs-primary);
  --bs-btn-hover-bg: #B8860B; /* Dark goldenrod */
}

.btn-primary:hover {
  background-color: #B8860B !important;
  border-color: #B8860B !important;
}

.header {
  border-color: var(--bs-primary) !important;
}

.badge.text-bg-dark {
  background-color: var(--bs-secondary) !important;
}

.round-36.bg-primary {
  background-color: var(--bs-primary) !important;
}

.bg-light-gray {
  background-color: var(--bs-light-gray) !important;
}

.btn-dark {
  background-color: var(--bs-dark) !important;
  border-color: var(--bs-dark) !important;
}

.btn-outline-light {
  border-color: rgba(255,255,255,0.5);
}

.portfolio-overlay .bg-primary {
  background-color: var(--bs-primary) !important;
}

.btn {
  --bs-btn-border-radius: 56px;
}

/* Estado Normal (Top de la página) */
.logo-dark img, 
.logo-white img {
    max-height: 100px; /* Tamaño original */
    transition: all 0.3s ease-in-out; /* Suaviza el cambio */
}

/* Estado cuando tiene la clase .fixed-header (Al hacer scroll) */
header.fixed-header .logo-dark img, 
header.fixed-header .logo-white img {
    max-height: 50px; /* Tamaño reducido */
}

/* Spice section highlights */
.featured-projects .badge {
  background-color: var(--bs-secondary);
  color: white;
}

/* Ensure compatibility with existing structure */
.text-primary {
  color: var(--bs-primary) !important;
}

.border-primary {
  border-color: var(--bs-primary) !important;
}