:root {
      --indyano-yellow: #FAB800;
      --indyano-bg: #F6F3EE;
      --indyano-dark: #12242E;
    }


body {
  background: #f7f9fb;
}

#logoContainer {
  max-width: 200px;
  margin: 0 auto;
}

.card {
  border-radius: 1.25rem;
  box-shadow: 0 2px 8px rgba(34, 34, 34, 0.04);
}

.form-label {
  font-weight: 500;
}

.form-select,
.form-control {
  border-radius: 0.75rem;
}

.btn-primary {
  border-radius: 0.75rem;
  font-weight: 600;
}

h5 {
  font-weight: 600 !important;
  color: var(--indyano-yellow);
}

/* ============================================ */

/*  RESULT STYLES */

  .estimate-card {
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 1rem;
    margin-bottom: 1rem;
  }

  .estimate-total-card {
    background: linear-gradient(135deg, #3068f5, #3c90f7);
    color: #fff;
    border-radius: 12px;
    padding: 1rem;
    margin-bottom: 1rem;
  }

  .estimate-details-card {
    background: #f8fafc;
    border-radius: 12px;
    padding: 1rem;
    margin-bottom: 1rem;
  }

  .btn-estimate {
    width: 100%;
    margin-bottom: 0.5rem;
  }

  .track-estimate-amount, .motor-estimate-amount, .estimate-amount {
    color: #3c90f7;
    font-weight: 600;
  }

  .estimate-total-amount {
    font-weight: 700;
    font-size: 1.25rem;
  }