:root {
      --brand-blue: #3B59D8;
      --brand-purple: #8B24B2;
      --brand-orange: #F27A30;
      --brand-dark: #1E293B;
      --brand-light: #F8FAFC;
  }

  /* Custom Theme Overrides */
  .hero.is-custom-gradient {
      background: linear-gradient(135deg, var(--brand-blue) 0%, var(--brand-purple) 100%);
  }

  .button.is-brand-orange {
      background-color: var(--brand-orange);
      color: #fff;
      border: none;
      font-weight: 600;
  }

  .button.is-brand-orange:hover {
      background-color: #d9651f;
      color: #fff;
  }

  .card-custom {
      border-top: 4px solid var(--brand-blue);
      border-radius: 8px;
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
      transition: transform 0.2s ease, box-shadow 0.2s ease;
  }

  .card-custom:hover {
      transform: translateY(-4px);
      box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
  }

  .text-purple {
      color: var(--brand-purple);
  }

  .text-blue {
      color: var(--brand-blue);
  }

  .footer-custom {
      background-color: var(--brand-dark);
      color: #94A3B8;
  }

  .footer-custom a {
      color: #E2E8F0;
  }

  .footer-custom a:hover {
      color: var(--brand-orange);
  }