/* Global Text Color - Make all text black */
      * {
        color: #000000 !important;
      }

      /* White text exceptions for specific elements */
      .text-white,
      nav,
      nav *,
      footer,
      footer * {
        color: white !important;
      }

      body {
        background-color: var(--color-light);
        color: #000000;
        font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
      }

      .fade-in {
        opacity: 0;
        transform: translateY(20px);
        transition: opacity 0.8s ease, transform 0.8s ease;
      }

      .fade-in.visible {
        opacity: 1;
        transform: translateY(0);
      }

      .bg-gradient {
        background: linear-gradient(
          135deg,
          var(--color-primary),
          var(--color-tertiary)
        );
      }

      .form-input:focus {
        border-color: var(--color-accent);
        box-shadow: 0 0 0 3px rgba(209, 146, 255, 0.3);
        outline: none;
      }

      .btn-primary {
        background-color: var(--color-tertiary);
        color: var(--color-light);
        transition: all 0.3s ease;
      }

      .btn-primary:hover {
        background-color: var(--color-secondary);
        transform: translateY(-2px);
        box-shadow: 0 4px 8px rgba(61, 0, 104, 0.2);
      }

      .contact-card {
        transition: transform 0.3s ease, box-shadow 0.3s ease;
      }

      .contact-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 8px 16px rgba(61, 0, 104, 0.1);
      }

      .sparkle {
        position: absolute;
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background-color: var(--color-accent);
        opacity: 0.8;
        pointer-events: none;
        z-index: 10;
      }

      /* Contact page - Make specific text black */
      .text-center p.text-black,
      .text-center p.text-secondary,
      form label.text-black,
      form label.text-primary,
      .contact-card p.text-black,
      .contact-card p.text-secondary {
        color: #000000 !important;
      }

      /* Placeholder text in form fields */
      .form-input::placeholder {
        color: #4a4a4a !important;
        opacity: 1;
      }