:root {
  --bakery-brown: #6F4E37; /* Mörkbrun, för text och footer */
  --bakery-copper: #B87333; /* Kopparfärg för accenter */
  --bakery-cream: #FAF3E0; /* A warm, light cream */
  --bakery-green: #556B2F; /* Dark Olive Green */
  --bakery-text: #3D2B1F;  /* Dark, almost black brown */
}

body {
  font-family: 'Raleway', sans-serif;
  background: linear-gradient(to bottom, var(--bakery-cream), #eef3e8); /* Gradient från kräm till ljusgrön */
  color: var(--bakery-text);
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Playfair Display', serif;
}

section {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

/* Åsidosätt Bootstrap-standardfärger */
.bg-light {
  background-color: #fffaf0 !important; /* FloralWhite, a bit lighter for contrast */
}
.btn-primary {
  background-color: var(--bakery-green);
  border-color: var(--bakery-green);
}
.btn-primary:hover {
  background-color: #425523; /* Darker green */
  border-color: #425523;
}
.btn-secondary {
  background-color: var(--bakery-copper);
  color: var(--bakery-text);
  border-color: var(--bakery-copper);
}
.btn-secondary:hover {
  background-color: #a0642a; /* Mörkare koppar */
  border-color: #a0642a;
}
.navbar-light {
  background-color: var(--bakery-cream) !important;
  box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}
.navbar-brand-text {
  font-family: 'Playfair Display', serif;
  font-size: 1.25rem;
  vertical-align: middle;
  margin-left: 0.5rem;
}
.footer {
  background-color: var(--bakery-brown) !important;
}
.card.social-card {
  background-color: transparent;
  border: 1px solid var(--bakery-copper);
  box-shadow: none;
}
.gallery-btn {
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  display: block;
  width: 100%;
}

.bd-blur {
  background-color: rgba(111, 78, 55, 0.5);
  backdrop-filter: blur(6px);
}
.bd {
  background-color: rgba(111, 78, 55);
}
 
.read-more-link {
  text-decoration: none;
  font-weight: 500;
}

.read-more-link:focus {
  box-shadow: none;
}

.read-more-link[aria-expanded="true"]::before {
  content: "Visa mindre";
}
.read-more-link[aria-expanded="false"]::before {
  content: "Läs mer";
}

.bestallning-section {
  background-color: var(--bakery-cream);
  border-top: 1px solid #e0d8c7;
  border-bottom: 1px solid #e0d8c7;
}

.temp-disabled {
display: none;
}