:root {
    --dark-brown: #3C261C;
    --burnt-orange: #A05E2A;
    --cream: #EFDFBD;
    --golden-brown: #C8934F;
    --muted-brown: #A7987B;
  }

  body {
    background-color: white;
    color: var(--dark-brown);
    font-family: 'Segoe UI', sans-serif;
  }

  .navbar {
    background-color: white;
  }

  .nav-link.active {
    text-decoration: underline;
  }

  .hero {
    background-color: var(--muted-brown);
    height: 300px;
  }

  .section-title {
    color: var(--dark-brown);
    font-weight: 700;
    margin-bottom: 1rem;
  }

  .appointment-card {
    background-color: var(--muted-brown);
    border-radius: 12px;
    height: 180px;
  }

  .services-section {
    background-color: var(--cream);
    height: 400px;
  }

  .deals-section {
    background-color: var(--muted-brown);
    color: var(--dark-brown);
    text-align: center;
    padding: 4rem 1rem;
  }

  .footer-placeholder {
    background-color: #C8C1B6;
    height: 150px;
    border: 1px solid #333;
  }

  .btn-custom {
    background-color: transparent;
    border: 1px solid var(--dark-brown);
    color: var(--dark-brown);
    padding: 0.25rem 1rem;
    font-size: 0.85rem;
  }

  .btn-custom:hover {
    background-color: var(--burnt-orange);
    color: white;
    border-color: var(--burnt-orange);
  }