

    :root {
      --primary-dark: #0a0a0a;
      --primary-light: #f8f5f2;
      /* Adjusted for lighter theme */
      --accent-gold: #d8a47f;
      /* Softer peach-gold for subtle elegance */
      --stone-gray: #8a8a8a;
      --marble-white: #fffcf7;
      --text-dark: #333;
      --text-light: #ffffff;
      --transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
    }

    body {
      font-family: "Josefin Sans", sans-serif;
      color: var(--text-dark);
      background-color: var(--marble-white);
      overflow-x: hidden;
    }

    .gradient-text {
      background: linear-gradient(45deg, #d8a47f, #d68958);
      -webkit-background-clip: text;
      background-clip: text;
      color: transparent;
    }

    .text-uppercase {
      letter-spacing: 0.15em;
    }

    /* Button Styles */
    .btn-luxe {
      position: relative;
      overflow: hidden;
      background: var(--accent-gold) !important;
      color: var(--text-light);
      font-weight: 600;
      letter-spacing: 0.1em;
      border: none;
      padding: 12px 30px;
      border-radius: 0;
      transition: var(--transition);
      box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
      text-transform: uppercase;
      font-size: 0.85rem;
      z-index: 1;
    }

    .btn-luxe:hover {
      background: var(--marble-white);
      transform: translateY(-2px);
      box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
      color: var(--text-dark);
      /* Change text color if needed */
    }

    /* Ripple effect */
    .btn-luxe::after {
      content: "";
      position: absolute;
      top: 50%;
      left: 50%;
      width: 5px;
      height: 5px;
      background: rgba(255, 255, 255, 0.5);
      opacity: 0;
      border-radius: 100%;
      transform: scale(1, 1) translate(-50%, -50%);
      transform-origin: 50% 50%;
      z-index: -1;
    }

    .btn-luxe:hover::after {
      animation: ripple 1s ease-out;
    }

    @keyframes ripple {
      0% {
        transform: scale(0, 0);
        opacity: 0.5;
      }

      100% {
        transform: scale(20, 20);
        opacity: 0;
      }
    }
  