/* Chelsea Jones
homepage project
CSS Style Sheet */

    body {
      background-color: #0e0e14;
      color: #b5b5c8;
    }

    h1, h2, h3, h4, h5, h6 {
      color: #ededf2;
    }

    a {
      color: #c9a84c;
      text-decoration: none;
    }
    a:hover {
      color: #ddbf6a;
    }

    /* Carousel */
    .carousel-item {
      height: 75vh;
      min-height: 400px;
    }

    .carousel-caption h1 {
      color: #fff;
    }

    .carousel-caption p {
      color: #ccc;
    }

    /* Custom button color */
    .btn-cj {
      background-color: #c9a84c;
      border-color: #c9a84c;
      color: #0e0e14;
      font-weight: 600;
    }
    .btn-cj:hover {
      background-color: #ddbf6a;
      border-color: #ddbf6a;
      color: #0e0e14;
    }

    .btn-outline-cj {
      border-color: #c9a84c;
      color: #c9a84c;
    }
    .btn-outline-cj:hover {
      background-color: #c9a84c;
      color: #0e0e14;
    }

    /* Icon colors for services section */
    .service-icon {
      color: #c9a84c;
    }

    /* Featurette dividers */
    hr.featurette-divider {
      border-color: #1c1c2e;
    }

    /* Card body for collapse sections */
    .card-body {
      background-color: #111119;
      color: #b5b5c8;
      border-color: #1c1c2e;
    }

    /* Accordion overrides for dark theme */
    .accordion-item {
      background-color: #111119 !important;
      border-color: #1c1c2e !important;
    }
    .accordion-button {
      background-color: #111119 !important;
      color: #ededf2 !important;
      box-shadow: none !important;
    }
    .accordion-button::after {
      filter: invert(1);
    }
    .accordion-body {
      color: #b5b5c8;
      line-height: 1.7;
    }

    /* Form overrides for dark theme */
    .form-control, .form-select {
      background-color: #0e0e14 !important;
      border-color: #1c1c2e !important;
      color: #ededf2 !important;
    }
    .form-control:focus, .form-select:focus {
      border-color: #c9a84c !important;
      box-shadow: 0 0 0 0.15rem rgba(201, 168, 76, 0.25) !important;
    }
    .form-control::placeholder {
      color: #6a6a80 !important;
    }
    .form-check-input {
      background-color: #0e0e14;
      border-color: #1c1c2e;
    }
    .form-check-input:checked {
      background-color: #c9a84c;
      border-color: #c9a84c;
    }

    /* Navbar dark overrides */
    .navbar {
      background-color: #0a0a0f !important;
      border-bottom: 1px solid #1c1c2e;
    }
    .navbar-brand {
      color: #ededf2 !important;
      font-weight: 700;
    }
    .navbar-nav .nav-link {
      color: #b5b5c8 !important;
    }
    .navbar-nav .nav-link:hover,
    .navbar-nav .nav-link.active {
      color: #ededf2 !important;
    }
    .navbar-toggler {
      border-color: #1c1c2e;
    }
    .navbar-toggler-icon {
      filter: invert(1);
    }

    /* Dropdown menu dark theme */
    .dropdown-menu {
      background-color: #111119;
      border-color: #1c1c2e;
    }
    .dropdown-item {
      color: #b5b5c8;
    }
    .dropdown-item:hover {
      background-color: #1c1c2e;
      color: #ededf2;
    }
    .dropdown-divider {
      border-color: #1c1c2e;
    }

    /* Footer */
    footer {
      color: #6a6a80;
    }
    footer a {
      color: #6a6a80;
    }
    footer a:hover {
      color: #ededf2;
    }